CSS Animations là các hiệu ứng chuyển động cho các element html mà không cần dùng js
Ở phần này mình sẽ giải thích sơ sơ, rồi đi vào từng thuộc tính thì chúng ta sẽ tìm hiểu kỹ hơn
1 2 3 4 5 6 7 |
animation-name: tên animation chúng ta có thể đặt tùy ý sao dễ nhớ là được animation-duration: khoản thời gian xảy ra hiệu ứng tính bằng giây animation-delay: thời gian trùy hoãn trước khi hiệu ứng chạy animation-iteration-count: sự lặp lại của hiệu ứng animation-direction: phương hướng di chuyển của hiệu ứng animation-timing-function: các kiểu tốc độ animation-fill-mode: chế độ đổ |
@keyframes là cách chúng ta tạo ra các hiệu ứng của riêng chúng ta
Mọi sự sao chép xin ghi rõ nguồn là fcwordpress.net
Chuyên trang về wordpress: hướng dẫn thiết kế theme, plugin, thủ thuật wordpress