Hiệu ứng

Khám phá các hiệu ứng đẹp mắt cho website: chuyển động, hover, parallax, animation bằng CSS & JS. Tổng hợp mẹo và code snippet giúp giao diện sinh động hơn.

Tạo hiệu ứng rung lắc với CSS Animation

Bài viết hướng dẫn tạo hiệu ứng rung lắc với CSS Animation, có thể dùng để gây chú ý vào một phần tử nào đó trên trang web của bạn.

Hiệu ứng khi scroll với AOS

AOS là một thư viện gọn nhẹ cung cấp hiệu ứng chuyển động khi kéo chuột. AOS đặc biệt cuốn hút người xem khi sử dụng cho các website dạng Landing Page.

Hiệu ứng pháo hoa với CSS Animations

Bài viết hướng dẫn thêm hiệu ứng pháo hoa với CSS Animations vào website, có thể sử dụng để hiển thị chung với thông báo chúc mừng!

Tạo hiệu ứng Click Chuột siêu mượt với mo.js

Bài viết này hướng dẫn tạo các hiệu ứng đơn giản khi bấm (click) vào bất kỳ vị trí nào trên trang web. Còn rất nhiều hiệu ứng và cách sử dụng khác bạn có...

Hiệu ứng Parallax khi Hover với Tilt.js

Bài viết này hướng dẫn cách tạo hiệu ứng Parallax khi Hover sử dụng thư viện jQuery Tilt.js. Bạn có thể áp dụng ở Landing Page hoặc Portfolio để tăng độ chuyên nghiệp.

Tạo hiệu ứng Chờ tải trang (Preload)

Bài viết này hướng dẫn các bạn dùng jQuery để hiện thông báo tải trang. Thông báo này rất hữu ích trong trường hợp trang web của bạn khá lớn hoặc tốc độ mạng khá...

Tạo hiệu ứng cho Icon với mo.js

Bài viết này hướng dẫn tạo hiệu ứng cho Icon đơn giản khi bấm (click) vào Icon Thumb Up (ví dụ như nút Like của Facebook). Còn rất nhiều hiệu ứng và cách sử dụng...

Hiệu ứng chuyển sắc (Gradient) với CSS3

Trước đây chúng ta thường dùng các hình ảnh chuyển sắc để làm background cho trang trang web hay một phần trang web, nhưng như thế sẽ làm website của ta tải rất nặng điều...

Hiệu ứng khi scroll với WOW.js

WOW.js là một trong những thư viện giúp cho việc tạo hiệu ứng khi scroll trang gây ấn tượng mạnh nhất. WOW.js đặc biệt cuốn hút người xem khi sử dụng cho các website dạng...

Hiệu ứng Parallax Scrolling

Với việc phát triển nhanh chóng của những công nghệ web như HTML5, CSS3, JavaScript và bên cạnh đó là sức sáng tạo không giới hạn của các Web Designer, việc tạo ra các trải...

Công cụ trực tuyến

Nhấn Ctrl + \ trên máy tính, hoặc vuốt sang trái ở bất kỳ đâu trên mobile.

Đăng nhập





Đang tải...