Hôm nay mình xin giới thiệu hiệu ứng xoay 360 độ cho Blogspot (khi độc giả truy cập hoặc Refresh lại trang thì hiệu ứng này sẽ xuất hiện). Sự chuyển động có thể sẽ làm người xem Blog/Website của bạn thích thú hơn và cảm thấy đỡ nhàm chán hơn. Ngoài ra, hiệu ứng xoay 300 độ mình đã thực hiện trực tiếp trên bài viết này. Nếu bạn nào để ý thì thấy ngay, không tin các bạn bấm F5 là biết liền. JJJ
Cách 1: Cài đặt trực tiếp vào Template: Vào Blog => Mẫu => Chỉnh sửa HTML. Nhấn tổ hợp phímCtrl + F và tìm đến thẻ . Sau đó dán đoạn mã Code sau ở phía trên thẻ và Lưu mẫu lại.
~ Code nà <3
<style> @-moz-keyframes roll { 100% { -moz-transform: rotate(360deg); } } @-o-keyframes roll { 100% { -o-transform: rotate(360deg); } } @-webkit-keyframes roll { 100% { -webkit-transform: rotate(360deg); } } body{ -moz-animation-name: roll; -moz-animation-duration: 4s; -moz-animation-iteration-count: 1; -o-animation-name: roll; -o-animation-duration: 4s; -o-animation-iteration-count: 1; -webkit-animation-name: roll; -webkit-animation-duration: 4s; -webkit-animation-iteration-count: 1; } </style>
=)) Bài Viết Do :NGuyễn Đức Tươm
Không có nhận xét nào:
Đăng nhận xét