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

Author : demo ctyhnn.com

Share this

Related Posts