@keyframes hoạt động thế nào?

Định nghĩa animation steps: @keyframes fadeIn { from { opacity: 0 } to { opacity: 1 } }.

• Dùng % cho nhiều bước: 0% { } 50% { } 100% { }.
• Áp dụng: animation: fadeIn 0.5s ease forwards.

• Defines animation steps: @keyframes fadeIn { from { opacity: 0 } to { opacity: 1 } }.
• Use percentages for multiple steps: 0% { } 50% { } 100% { }.
• Apply with: animation: fadeIn 0.5s ease forwards.