Tạo hiệu ứng xoay vòng 360 độ cả trang web cho Blogspot

Written By admin duy nguyễn on Sunday, April 10, 2016 | 11:53:00 PM

Như các bạn cũng vừa thấy trước khi đọc bài viết này thì bài viết nó xoay 1 vòng 360 độ. Thì để làm được như vậy các bạn chỉ cần thêm một widget vào blog của bạn. Thủ thuật này không hề ảnh hưởng đến tốc độ load trang web của bạn. Nó được viết hoàn toàn bằng CSS.

Để làm được thủ thuật này các bạn chỉ cần làm như sau:
Các bạn vào Blog → Mẫu → Add Widget → HTML/JavaScript → Copy đoạn code sau vào → Thay đổi cho phù hợp → Lưu lại.

<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>