เครื่องมือสร้างการเปลี่ยนแปลง CSS3 ออนไลน์

s
s
CSS3.0 Transition

เครื่องมือสร้าง CSS Transiton สำหรับคนขี้เกียจ

CSS Generator - การเปลี่ยนผ่าน

คุณสมบัติ CSS Transitions อนุญาตให้ผู้ใช้เปลี่ยนสไตล์องค์ประกอบ HTML เป็นสไตล์อื่นได้อย่างราบรื่น ทรานซิชันทำงานเมื่อคุณสมบัติ CSS เปลี่ยนแปลงโดยจาวาสคริปต์หรือเหตุการณ์ของผู้ใช้

 

การเปลี่ยนแปลง:<STYLE-NAME> <TOTAL-TIME> <TIMING-FUNCTION> <DELAY-START>;

การเปลี่ยนแปลงกำหนดสี่พารามิเตอร์ -

1) คุณสมบัติ css ใดกำลังทำงานอยู่

2) นานแค่ไหนที่จะวิ่ง

3) ฟังก์ชั่นจับเวลาคืออะไร (ความเร็วของการเปลี่ยนแปลง)

4) เมื่อใดที่จะเริ่มการเปลี่ยนแปลง

 

<STYLE-NAME> เป็นคุณสมบัติทรานซิชันที่ระบุคุณสมบัติ CSS ที่จะใช้การเปลี่ยนแปลง คุณสามารถตั้งค่าคุณสมบัติแต่ละรายการหรือคุณสมบัติทั้งหมด ฟังก์ชั่นจับเวลากำหนดความเร็วของภาพเคลื่อนไหว (ช้าหรือเร็ว) Cubic Bazier กำหนดความเร็วที่กำหนดเองของแอนิเมชั่น การเปลี่ยนภาพไม่สามารถทำงานในลูปได้ คุณสมบัติแอนิเมชั่น CSS เป็นทางเลือกอื่นในการจัดการลูป