Trang chủ » Thiết kế web » Css hiệu ứng ảnh xoay cho web
loading...

Css hiệu ứng ảnh xoay cho web

960 Lượt xem
Các hình ảnh hay biểu tượng liên kết có tác dụng rất lớn trong xây dựng website hay Blog.Nó làm cho người xem bớt nhàm chán với những liên kết toàn là kí tự.
Và sẽ càng tạo được thu hút khi các biểu tượng liên kết đó bất ngờ xoay chong chóng khi chúng ta rê chuột lên…..Sao lại không nhỉ?. DEMO
 
Ở đây Tôi có 3 đoạn Css tương ứng cho 3 kiểu xoay :

Xoay một vòng theo chiều kim đồng hồ

 

 

Xoay 70 độ theo chiều kim đồng hồ

 

 

Xoay một vòng ngược chiều kim đồng hồ

 

 

 

Bạn COPY 1 trong các đoạn css trên ( hoặc tất cả nếu muốn ) , rồi chèn vào trước

]]></b:skin>
 

Còn đây lần lượt là 3 đoạn mã HTML cho 3 hiệu ứng trên:

Mở rộng: Quan sát 3 đoạn mã trên,chúng ta có thể dễ dàng biến hóa nó xoay theo bất cứ chiều nào bạn muốn,và xoay theo bất cứ góc nào Bằng cách thay đổi các chỉ số góc.

 

 

  • Thay đổi GOCQUAY theo ý của bạn.Nên để chúng giống nhau .

Mặc định nó sẽ quay theo chiều kim đồng hồ.Nếu muốn quay ngược chiều kim đồng hồ thì thêm dấu “ – ” vào trước chỉ số góc quay.

Chúc các bạn thành công

loading...
Có thể bạn chưa xem