Tạo hiệu ứng Slide và fadeIn cho Blogspot bằng Animation CSS

Trịnh Công Sơn tháng 4 06, 2018Thứ Sáu, 6 tháng 4, 2018

Chia sẻ

Chọn hình thức muốn chia sẻ:

• Copy liên kết
• Facebook
• Google +
• Email

Bài viết hôm nay mình sẽ hướng dẫn các bạn tạo hiệu ứng trượt và mờ dần (slide & fadein) cho blogspot bằng css animation, sử dụng thuộc tính keyframes nhé, mượn tạm cái thumbnail của Trường Nguyễn nha!

CÁCH THỰC HIỆN

Thêm toàn bộ CSS này vào trước thẻ ]]></b:skin> trong mẫu

body{-webkit-animation:zoomnav 3s;z-index:999;} @-webkit-keyframes zoomnav{from{-webkit-transform:translate(-1000px,0px);opacity:0}}

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.

7 bình luận

Chia sẻ