Hôm nay, chúng tôi sẽ giới thiệu đến các bạn mộ số hiệu ứng cho liên kết bằng CSS3. Trong hướng dẫn chúng tôi sẽ tạo ra những hiệu ứng chuyển động cho liên kết. Nào chúng ta cùng bằt đầu.

Tạo hiệu ứng cho liên kế bằng CSS3

Demo | Download

Trước tiên, bạn hãy chèn CSS và js:

   <link rel="stylesheet" type="text/css" href="css/normalize.css" />
   <link rel="stylesheet" type="text/css" href="css/demo.css" />
   <link rel="stylesheet" type="text/css" href="css/component.css" />

   <script src="js/modernizr.custom.js"></script>

Tạo 1 phần tử html sau:

<nav class="cl-effect-11"><a href="#">Beleaguer</a>

 <a href="#">Lassitude</a>
 <a href="#">Murmurous</a>
 <a href="#">Palimpsest</a>
 <a href="#">Assemblage</a>

</nav>

Bạn chỉ cần thay đổi class cl-effect-xxx.

xxx: từ 1 đến 21 để thay đổi hiệu ứng a:hover

<nav class="cl-effect-15">

  <a href="#">Beleaguer</a>
  <a href="#">Lassitude</a>
  <a href="#">Murmurous</a>
  <a href="#">Palimpsest</a>
  <a href="#">Assemblage</a>

</nav>

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

  • HTML/CSS
  • September 5, 2013
  • 0 comment
  • 1,064 lượt xem

Recent posts

Apple tăng gấp đôi tuổi thọ pin cho iPhone 15 nhờ iOS 17.4

Apple tăng gấp đôi tuổi thọ pin cho iPhone 15 nhờ iOS 17.4

Tuổi thọ pin iPhone được xác định thông qua chu kỳ sạc/xả, với con số 500 để về 80%. Tuy […]

Rối loạn về tin đồn iPhone màn hình gập của Apple

Rối loạn về tin đồn iPhone màn hình gập của Apple

Báo cáo mới nhất cho hay, Apple vẫn chưa từ bỏ iPhone màn hình gập nhưng cũng không gấp gáp […]

Nhiều mẫu iPhone cũ ‘gặp nguy’, người dùng nên chuẩn bị tâm lý mua máy mới

Nhiều mẫu iPhone cũ ‘gặp nguy’, người dùng nên chuẩn bị tâm lý mua máy mới

Một rò rỉ mới cho biết phiên bản cập nhật iOS 18 mà Apple phát hành vào mùa thu 2024 […]

Apple tăng gấp đôi tuổi thọ pin cho iPhone 15 nhờ iOS 17.4

Apple tăng gấp đôi tuổi thọ pin cho iPhone 15 nhờ iOS 17.4

Tuổi thọ pin iPhone được xác định thông qua chu kỳ sạc/xả, với con số 500 để về 80%. Tuy […]

TikTok thách thức công cụ tìm kiếm của Google

TikTok thách thức công cụ tìm kiếm của Google

TikTok đã trở thành công cụ tìm kiếm ngày càng phổ biến trong giới trẻ ở Mỹ. Một cuộc khảo […]

© 2021 Tạp Chí CNTT. Mr Hoang