Hiệu ứng xoay vòng 360 độ cả trang web cho Blogspot Blogger
Cập nhật:
28 thg 8, 2015
tháng 8 28, 2015
Hôm nay mình sẽ hướng dẫn các bạn thủ thuật blog cực kỳ ấn tượng, có một không ai, đặc biệt vô đối có tên là [Tips] - Hiệu ứng xoay vòng 360 độ cả trang web cho Blogspot Blogger. Với thủ thuật này, khi người dùng vào website của bạn, lập tức có hiệu ứng xoay vòng 360 độ cả trang web, làm người dùng choáng ngợp, dật mình và cảm thấy phấn khích.
 |
| Sự khác biệt cho website của bạn sẽ được chứng minh qua thủ thuật blog này! |
Để thực hiện thủ thuật này vô cùng đơn giản, được làm hoàn toàn bằng CSS, cực ngắn gọn, tốc độ nhanh, chuẩn SEO, không ảnh hưởng đến tốc độ tải trang web nên các bạn thoải mái yên tâm. Giờ thì cùng thực hiện thủ thuật blog này nhé!
Để thực hiện thủ thuật này, chỉ cần chèn code sau vào một Widget HTML/Javascript bất kỳ và lưu lại.
Đầu tiên các bạn vào Blog Title → Layout → 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>
Vậy là đã xong thủ thuật blog tạo [Tips] - Hiệu ứng xoay vòng 360 độ cả trang web cho Blogspot Blogger rồi, rất ấn tượng đúng không nào cả nhà. Chúc các bạn thành công và có nhiều trải nghiệm tuyệt vời nhé!
Nếu bạn nào đã làm được rồi, hãy share thủ thuật này đến với bạn bè của mình, nếu chưa được, hãy gửi bình luận dưới đây, mình sẽ giải đáp và giúp bạn hoàn thành thủ thuật.
