Giờ

Thứ Năm, 26 tháng 5, 2016

Code Hiệu Ứng Xoay 360* Cho Blog : Nguyễn Đức Tươm

Hôm nay mình xin giới thiệu hiệu ứng xoay 360 độ cho Blogspot (khi độc giả truy cập hoặc Refresh lại trang thì hiệu ứng này sẽ xuất hiện). Sự chuyển động có thể sẽ làm người xem Blog/Website của bạn thích thú hơn và cảm thấy đỡ nhàm chán hơn. Ngoài ra, hiệu ứng xoay 300 độ mình đã thực hiện trực tiếp trên bài viết này. Nếu bạn nào để ý thì thấy ngay, không tin các bạn bấm F5 là biết liền. JJJ Cách 1: Cài đặt trực tiếp vào Template: Vào Blog => Mẫu => Chỉnh sửa HTML. Nhấn tổ hợp phímCtrl + F và tìm đến thẻ . Sau đó dán đoạn mã Code sau ở phía trên thẻ và Lưu mẫu lại.

~ Code nà <3
<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ài Viết Do :NGuyễn Đức Tươm

Không có nhận xét nào:

Code Hiệu Ứng Xoay 360* Cho Blog : Nguyễn Đức Tươm

Hôm nay mình xin giới thiệu hiệu ứng xoay 360 độ cho Blogspot (khi độc giả truy cập hoặc Refresh lại trang thì hiệu ứng này sẽ xuất hiện). Sự chuyển động có thể sẽ làm người xem Blog/Website của bạn thích thú hơn và cảm thấy đỡ nhàm chán hơn. Ngoài ra, hiệu ứng xoay 300 độ mình đã thực hiện trực tiếp trên bài viết này. Nếu bạn nào để ý thì thấy ngay, không tin các bạn bấm F5 là biết liền. JJJ Cách 1: Cài đặt trực tiếp vào Template: Vào Blog => Mẫu => Chỉnh sửa HTML. Nhấn tổ hợp phímCtrl + F và tìm đến thẻ . Sau đó dán đoạn mã Code sau ở phía trên thẻ và Lưu mẫu lại.

~ Code nà <3
<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ài Viết Do :NGuyễn Đức Tươm
Code Hiệu Ứng Xoay 360* Cho Blog : Nguyễn Đức Tươm Reviewed by Nguyễn Đức Tươm on 10:12:00 Rating: 5

Không có nhận xét nào:

Item Post Navigation Display

Disqus Shortname

Related Posts Display

Comments System

Flickr User ID

All Rights Reserved by Nguyễn Đức Tươm © 2015 - 2016
Powered By Blogger, Designed by tươm Xinh Trai | Facebook | Youtube

Biểu mẫu liên hệ

Tên

Email *

Thông báo *

Nguyễn Đức Tươm. Được tạo bởi Blogger.
Share Emphasis