HIệu Ứng Loading Xoay 360 độ Cho Blogspot/Website

Trước đây Blog mình có đăng 1 bài tương tự giống như vậy các bạn có thể xem qua; Tại Đây

Đó là hiệu ứng loading mỗi khi chuyển qua trang khác của một blog hoặc website nào đó.

Nó loading khi chuyển trang là bằng CSS3.

Sau đây Blog xin thực hiện cách làm:

Bước 1: Đăng nhập vào Blogger
Bước 2: Chọn Bố Cục -> Thêm Tiện Ích -> HTML/Javascript
Bước 3: Copy đoạn CSS bên dưới và dán vào

 <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 4: Cuối cùng là Lưu.

CHÚC CÁC BẠN THÀNH CÔNG.

Author : Admin

Share this

Related Posts