@keyframes tên_effect {from{CSS ban đầu}to{CSS lúc sau}}hoặc
@keyframes tên_effect {0%{CSS ban đầu}100%{CSS lúc sau}}Từ cấu trúc đó mình đã viết thêm tí CSS để 'trang trí' cho Blog bằng hiệu ứng trượt và mờ dần khi tải trang.
Demo xem ngay tại trang chủ https://www.bacsiwindows.com
Cách thực hiện
Thêm toàn bộ CSS này vào trước thẻ ]]></b:skin> trong mẫubody {animation: fadeIn 2s;-webkit-animation:fadeIn 2s;-moz-animation:fadeIn 2s}
@keyframes fadeIn{from{opacity:0;transform:translate(50px,0)}to{opacity:1}}
@-webkit-keyframes fadeIn{from{opacity:0;transform:translate(50px,0)}to{opacity:1}}
@-moz-keyframes fadeIn{from{opacity:0;transform:translate(50px,0)}to{opacity:1}}
@-o-keyframes fadeIn{from{opacity:0;transform:translate(50px,0)}to{opacity:1}}
Bạn có thể tùy chỉnh lại CSS bằng cấu trúc mình đưa ở đầu bài nhé. Nếu không thì để nguyên vậy mà dùng.
Chúc bạn thành công.
1 Nhận xét
Casino Review - DrmCD
Casino is rated 3.4 상주 출장안마 out of 5 by 전라북도 출장안마 our members and 35% of them 춘천 출장마사지 said: "liked it". Casino has put together a detailed review which will take you through Rating: 3.3 · 동해 출장안마 35 여수 출장샵 votes