Hiệu ứng xoay 360 độ cho Blogspot bằng CSS3

Cái này không phải DEMO đâu : 
Mình sẽ hướng dẫn các bạn 1 thủ thuật hay. Hiệu ứng xoay 360 độ mỗi khi load lại trang bằng CSS3. Lười làm DEMO quá. Các bạn test nhé.
Cách làm: 
B1 các bạn vào bố cục - thêm 1 tiện ích mới : 
Sau đó dán đoạn Code sau: 
<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: 2s; -moz-animation-iteration-count: 1; -o-animation-name: roll; -o-animation-duration: 2s; -o-animation-iteration-count: 2; -webkit-animation-name: roll; -webkit-animation-duration: 2s; -webkit-animation-iteration-count: 1; }
</style>  
Bước 2 : Lưu Lại và xem blog bạn nhấn F5 nhé !!! 

Share this

Related Posts

Previous
Next Post »
Được tạo bởi Blogger.

ads

Business

Find Us On Facebook

Games

About us

Code bên trong cấu thành nên Widget Blog Posts

Events

Business

Video Of Day

Flickr Images

Pages

Fashion

Sports

Sports

Games