ค่าที่ตั้งไว้ล่วงหน้ายอดนิยม
เอฟเฟกต์จาง
การเปลี่ยนความทึบที่ราบรื่น
เอฟเฟกต์มาตราส่วน
ปรับขนาดองค์ประกอบเมื่อวางเมาส์เหนือ
เอฟเฟกต์หมุน
หมุนองค์ประกอบเมื่อวางเมาส์เหนือ
เอฟเฟกต์สไลด์
ย้ายตําแหน่งองค์ประกอบ
เปลี่ยนสี
การเปลี่ยนสีพื้นหลัง
เกี่ยวกับการเปลี่ยนภาพ
การเปลี่ยน CSS ช่วยให้คุณเปลี่ยนค่าคุณสมบัติได้อย่างราบรื่นในช่วงเวลาที่กําหนด
คุณสมบัติภาพเคลื่อนไหวทั่วไป ได้แก่ :
- ความกว้างความสูง
- ระยะขอบ, ช่องว่างภายใน
- ความทึบ, สี
- transform (scale, rotate, translate)
- background-color
เคล็ดลับสําหรับมือโปร: ใช้ตัวเลือก 'คุณสมบัติทั้งหมด' เพื่อทําให้การเปลี่ยนแปลงทั้งหมดเคลื่อนไหว
Preview
รหัสที่สร้างขึ้น
.element { transition-property: all; transition-duration: 300ms; transition-timing-function: ease; transition-delay: 0ms; } .element:hover { /* Hover styles will be generated here */ }
การควบคุมการเปลี่ยนผ่าน
เอฟเฟกต์โฮเวอร์
Related Tools
ตัวย่อขนาด CSS
บีบอัดและเพิ่มประสิทธิภาพโค้ด CSS ของคุณด้วยความแม่นยําระดับมืออาชีพ
สร้างการแปลง CSS3 ได้อย่างง่ายดาย
เครื่องมือที่ทรงพลังและใช้งานง่ายสําหรับการสร้างการแปลง CSS3 ที่ซับซ้อนโดยไม่ต้องเขียนโค้ด แสดงภาพการเปลี่ยนแปลงแบบเรียลไทม์และคัดลอก CSS ที่สร้างขึ้นเพื่อใช้ในโครงการของคุณ
Less to CSS Converter
แปลงโค้ด Less ของคุณเป็น CSS รวดเร็ว ง่ายดาย และปลอดภัย
เครื่องคํานวณค่าธรรมเนียม PayPal
คํานวณค่าธรรมเนียม PayPal สําหรับการทําธุรกรรมของคุณด้วยเครื่องคํานวณที่ใช้งานง่ายของเรา
เครื่องคํานวณภาษีการขาย
คํานวณภาษีการขายและราคารวมได้อย่างง่ายดายด้วยเครื่องคํานวณภาษีการขายที่ใช้งานง่ายของเรา
เครื่องสร้างปุ่ม CSS ฟรี
Erstellen Sie ansprechende, responsive Schaltflächen für Ihre Website. Wählen Sie aus über 70 vorgefertigten Stilen oder passen Sie Ihre eigenen mit unseren erweiterten Steuerelementen an.