การแปลง CSS จะเปลี่ยนตำแหน่ง ขนาด และการวางแนวขององค์ประกอบโดยไม่กระทบต่อการไหลของเอกสาร การหมุน ปรับขนาด แปล และเอียงสามารถรวมกันได้ในคุณสมบัติการแปลงเดียว และพวกมันเคลื่อนไหวได้อย่างราบรื่นด้วยการเปลี่ยน CSS
ลากแถบเลื่อนเพื่อดูแต่ละการแปลงที่นำไปใช้แบบเรียลไทม์ สี่เหลี่ยมเส้นประจะแสดงตำแหน่งเดิม ในขณะที่การ์ดทึบจะแสดงผลลัพธ์ที่แปลงแล้ว คัดลอกค่าการแปลงที่สมบูรณ์เมื่อคุณพอใจ
Frequently Asked Questions
Q: ความแตกต่างระหว่างการแปลและตำแหน่งคืออะไร?
ความแตกต่างระหว่างการแปลและตำแหน่งคืออะไร? แปลภาษาจะย้ายองค์ประกอบด้วยสายตาโดยไม่ต้องเปลี่ยนโฟลว์เลย์เอาต์ ตำแหน่ง (บน/ซ้าย) จะลบองค์ประกอบออกจากโฟลว์หรือเลื่อนพี่น้อง Translate ยังเร่งด้วย GPU และเคลื่อนไหวได้เร็วกว่าอีกด้วย
Q: การแปลงส่งผลต่อเลย์เอาต์หรือไม่?
การแปลงส่งผลต่อเลย์เอาต์หรือไม่? ไม่ องค์ประกอบที่แปลงแล้วจะรักษาพื้นที่เดิมไว้ในการไหลของเอกสาร ดังนั้นการทับซ้อนกันและการล้นจึงเป็นเรื่องปกติ — ใช้ระยะขอบหรือช่องว่างภายในเพื่อสงวนพื้นที่
Q: ฉันสามารถรวมการแปลงหลายรายการเข้าด้วยกัน
ฉันสามารถรวมการแปลงหลายรายการเข้าด้วยกันได้หรือไม่ ใช่ แสดงรายการโดยแยกช่องว่างไว้ในคุณสมบัติเดียว: แปลง: แปลX(10px) หมุน(45deg) สเกล(1.2); ใช้ขวาไปซ้ายในระบบพิกัด
Q: เหตุใดองค์ประกอบที่หมุนของฉันจึงเบลอ การ
เหตุใดองค์ประกอบที่หมุนของฉันจึงเบลอ การหมุนที่มุมที่ไม่ใช่ 90 องศาจะทำให้เกิดการต่อต้านนามแฝง การเพิ่มขนาดเล็ก (1.001) หรือใช้ will-change: การแปลงสามารถช่วยได้ในบางเบราว์เซอร์
Q: การแปลงร่างใช้ได้กับแอนิเมชั่นหรือไม่?
การแปลงร่างใช้ได้กับแอนิเมชั่นหรือไม่? ใช่ การแปลงร่างเป็นหนึ่งในคุณสมบัติที่ถูกที่สุดในการสร้างภาพเคลื่อนไหว จับคู่กับ @keyframes หรือทรานซิชั่น — การจัดวาง GPU ทำให้ราบรื่นแม้บนมือถือ
สีไทย
จากสีธงไตรรงค์ถึงสีจีวรพระ สีไทยสะท้อนพุทธศาสนา พระมหากษัตริย์ และธรรมชาติเขตร้อน สีแต่ละสีมีความหมายเชิงสัญลักษณ์ที่ลึกซึ้งในวัฒนธรรมไทย
แดงธงชาติ #A51931สีแดงของธงไตรรงค์ — ชาติ ศาสนา พระมหากษัตริย์
ขาวธงชาติ #F4F5F8สีขาวของธง — ศาสนาและความบริสุทธิ์
น้ำเงินธงชาติ #2D2A4Aสีน้ำเงินของธง — พระมหากษัตริย์
เหลืองทอง #FFD700สีทองของวัดและพระบรมมหาราชวัง
เขียวใบไม้ #228B22ความอุดมสมบูรณ์ของธรรมชาติเมืองร้อน
ชมพูบัว #F4A0B5ดอกบัวสีชมพู — สัญลักษณ์ของพุทธศาสนา
ส้มจีวร #FF7F00สีจีวรของพระสงฆ์ — ความเรียบง่ายและการละวาง
ฟ้าน้ำทะเล #00A3AFท้องทะเลอันดามันและอ่าวไทย
ม่วงอัญชัน #6A4C93สีของดอกอัญชัน — ใช้ย้อมขนมไทยโบราณ
เขียวมรกต #50C878สีพระแก้วมรกต — พระพุทธรูปศักดิ์สิทธิ์
Q: สีธงชาติไทยมีสีอะไรบ้าง?
สีธงชาติไทยมีสีอะไรบ้าง? ธงไตรรงค์ประกอบด้วย แดง (#A51931) หมายถึงชาติ, ขาว (#F4F5F8) หมายถึงศาสนา, และน้ำเงิน (#2D2A4A) หมายถึงพระมหากษัตริย์
Q: สีจีวรพระคือสีอะไร?
สีจีวรพระคือสีอะไร? สีจีวรของพระสงฆ์ไทยเป็นสีส้มอมเหลือง (#FF7F00) หรือสีแก่นขนุน สื่อถึงความเรียบง่าย สันโดษ และการละวางทางโลก