::: @rules เป็นคำสั่งที่ใช้กำหนดการทำงานของ CSS
:::
@import
@importใช้สำหรับนำเอา CSS จากไฟล์อื่นหรือแหล่งภายนอกมาใช้ในไฟล์ CSS ปัจจุบัน
HTML
CSS
Preview
Font
Animation
:::
@keyframes
@keyframesใช้สร้างแอนิเมชันโดยกำหนดการเปลี่ยนแปลงของสไตล์ในช่วงเวลาต่างๆ
ใช้ opacity, transform เพื่อประสิทธิภาพและประสบกาณ์ที่ดีกว่า
Animation ที่ซับซ้อนมากอาจทำให้เว็บไซต์เริ่มช้าลง ทางเลือกคือใช้อะไรที่เรียบง่ายกว่านั้น เช่น opacity, transform เพื่อประสิทธิภาพที่ดีกว่า
HTML
CSS
Preview
Display
@media
@mediaใช้กำหนดสไตล์ที่จะใช้ภายใต้เงื่อนไขเฉพาะ เช่น ขนาดหน้าจอ ทำให้เว็บไซต์ตอบสนองต่อขนาดหน้าจอต่างๆ ได้
HTML
CSS
Preview