Khách hàng sẽ rất phấn khích khi ghé thăm blog, website của bạn khi nhìn thấy hiệu ứng xoay toàn bộ trang web hay blogspot độc đáo và ấn tượng.
Thực ra để làm hiệu ứng này vô cùng đơn giản. Nó được làm hoàn toàn bằng CSS với code cực ngắn gọn do đo tốc độ hiển thị nhanh không làm ảnh hưởng đên tốc độ tải của blog, website và tương thích với chuẩn SEO mới
Vào Blog Title >> Layout >> Add Widget >> HTML/JavaScript >> Copy đoạn code sau vào >> Thay đổi một số thông số cho phù hợp với blog của bạn >> 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>
Bạn sẽ thật ấn tượng với kết quả mình vừa tạo ra
Thực ra để làm hiệu ứng này vô cùng đơn giản. Nó được làm hoàn toàn bằng CSS với code cực ngắn gọn do đo tốc độ hiển thị nhanh không làm ảnh hưởng đên tốc độ tải của blog, website và tương thích với chuẩn SEO mới
Và đây là code của hiệu ứng
Vào Blog Title >> Layout >> Add Widget >> HTML/JavaScript >> Copy đoạn code sau vào >> Thay đổi một số thông số cho phù hợp với blog của bạn >> 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>
Bạn sẽ thật ấn tượng với kết quả mình vừa tạo ra
Sưu tầm bởi Thủ thuật và mẹo vặt hàng ngày
Một vài hình thức kiếm tiền qua mạng để các bạn tham khảo
0 nhận xét:
Đăng nhận xét