cubic-bezier() คือฟังก์ชันจังหวะเวลาใน CSS ที่กำหนดว่าแอนิเมชันเร่งและลดความเร็วอย่างไร ค่าสี่ค่าของมัน — x1, y1, x2, y2 — คือจุดควบคุมสองจุดของเส้นโค้งที่แมปเวลากับความคืบหน้า แกน X แทนเวลา (0 ถึง 1) และแกน Y แทนความคืบหน้าของแอนิเมชัน
เลือกค่าที่ตั้งไว้หรือลากจุดควบคุมสีส้มบนผืนผ้าใบเพื่อสร้างเส้นโค้ง easing ของคุณ ลูกบอลเคลื่อนไหวแสดงความรู้สึกของจังหวะเวลาอย่างแม่นยำ และโค้ด CSS พร้อมวางลงใน transition หรือ animation ใดก็ได้
Frequently Asked Questions
Q: cubic-bezier ใน CSS คืออะไร?
cubic-bezier ใน CSS คืออะไร? เป็นฟังก์ชันจังหวะเวลาที่ใช้ใน transition และ animation ซึ่งกำหนดเส้นโค้งความเร็ว: แอนิเมชันคืบหน้าเร็วแค่ไหนตามเวลา ค่าเริ่มต้นคือ cubic-bezier(0.25, 0.1, 0.25, 1) หรือที่เรียกว่า ease
Q: ค่าอีสซิ่งมาตรฐานมีอะไรบ้าง?
ค่าอีสซิ่งมาตรฐานมีอะไรบ้าง? ease = (0.25, 0.1, 0.25, 1), ease-in = (0.42, 0, 1, 1), ease-out = (0, 0, 0.58, 1), ease-in-out = (0.42, 0, 0.58, 1), linear = (0, 0, 1, 1)
Q: สร้างเอฟเฟกต์เด้งอย่างไร?
สร้างเอฟเฟกต์เด้งอย่างไร? ให้ค่า Y เกิน 1 เช่น cubic-bezier(0.34, 1.56, 0.64, 1) เส้นโค้งจะเกินเป้าหมายชั่วครู่แล้วกลับมา — เด้งแบบสปริง
Q: ทำไมแอนิเมชันของฉันดูพังเมื่อ Y เป็นลบ?
ทำไมแอนิเมชันของฉันดูพังเมื่อ Y เป็นลบ? Y ติดลบสร้างความคาดหมาย (anticipation) — องค์ประกอบถอยหลังก่อนเดินหน้า เป็นความตั้งใจสำหรับเอฟเฟกต์ back-easing แต่ดูผิดในทรานซิชันเนื้อหาทั่วไป
Q: ใช้ cubic-bezier ในแอนิเมชันได้ไหม?
ใช้ cubic-bezier ในแอนิเมชันได้ไหม? ได้ ทั้งใน transition และ @keyframes animation ผ่านพร็อพเพอร์ตี้ timing-function รวมถึงแอนิเมชันที่ผูกกับการเลื่อนด้วย
สีไทย
จากสีธงไตรรงค์ถึงสีจีวรพระ สีไทยสะท้อนพุทธศาสนา พระมหากษัตริย์ และธรรมชาติเขตร้อน สีแต่ละสีมีความหมายเชิงสัญลักษณ์ที่ลึกซึ้งในวัฒนธรรมไทย
แดงธงชาติ #A51931สีแดงของธงไตรรงค์ — ชาติ ศาสนา พระมหากษัตริย์
ขาวธงชาติ #F4F5F8สีขาวของธง — ศาสนาและความบริสุทธิ์
น้ำเงินธงชาติ #2D2A4Aสีน้ำเงินของธง — พระมหากษัตริย์
เหลืองทอง #FFD700สีทองของวัดและพระบรมมหาราชวัง
เขียวใบไม้ #228B22ความอุดมสมบูรณ์ของธรรมชาติเมืองร้อน
ชมพูบัว #F4A0B5ดอกบัวสีชมพู — สัญลักษณ์ของพุทธศาสนา
ส้มจีวร #FF7F00สีจีวรของพระสงฆ์ — ความเรียบง่ายและการละวาง
ฟ้าน้ำทะเล #00A3AFท้องทะเลอันดามันและอ่าวไทย
ม่วงอัญชัน #6A4C93สีของดอกอัญชัน — ใช้ย้อมขนมไทยโบราณ
เขียวมรกต #50C878สีพระแก้วมรกต — พระพุทธรูปศักดิ์สิทธิ์
Q: สีธงชาติไทยมีสีอะไรบ้าง?
สีธงชาติไทยมีสีอะไรบ้าง? ธงไตรรงค์ประกอบด้วย แดง (#A51931) หมายถึงชาติ, ขาว (#F4F5F8) หมายถึงศาสนา, และน้ำเงิน (#2D2A4A) หมายถึงพระมหากษัตริย์
Q: สีจีวรพระคือสีอะไร?
สีจีวรพระคือสีอะไร? สีจีวรของพระสงฆ์ไทยเป็นสีส้มอมเหลือง (#FF7F00) หรือสีแก่นขนุน สื่อถึงความเรียบง่าย สันโดษ และการละวางทางโลก