CSS3

Ảnh minh họa: Hiển thị đảo ngược phần tử

Hiển thị đảo ngược phần tử trong UL – OL bằng CSS

05/01/2020 0 81 2 phút đọc

Thông thường, các phần tử trong danh sách <ul> hoặc <ol> sẽ hiển thị theo thứ tự từ trên xuống. Tuy nhiên, trong một số trường hợp (như chat, bình luận mới ở dưới cùng,...

Ảnh minh họa: Nút nghiêng với màu nền chuyển

Nút nghiêng với màu nền chuyển sắc bằng CSS3

16/07/2019 1 20 1 phút đọc

Bài viết này hướng dẫn làm một nút (button) có độ nghiêng, với màu nền chuyển sắc sử dụng CSS3 đơn giản.

Ảnh minh họa: Hệ thống bình chọn (Rating) đơn

Hệ thống bình chọn (Rating) đơn giản sử dụng jQuery

05/07/2019 3 40 4 phút đọc

Chỉ vài bước đơn giản, bạn có thể tạo được một mẫu bình chọn mà hầu hết các các website trong và ngoài nước đều sử dụng.

Ảnh minh họa: Các cách tạo nhiều Border với

Các cách tạo nhiều Border với CSS3

14/05/2017 0 24 2 phút đọc

CSS không chỉ giới hạn ở thuộc tính border để tạo khung viền cho phần tử. Bài viết này sẽ hướng dẫn bạn 3 cách phổ biến để tạo nhiều viền bao quanh phần tử,...

Ảnh minh họa: Border màu cầu vồng với Gradient

Border màu cầu vồng với Gradient và Pseudo

13/05/2017 0 82 3 phút đọc

Demo

Bạn muốn tạo viền nhiều màu sắc (border cầu vồng) cho phần tử mà không cần hình ảnh hay JS? Bài viết này sẽ giới thiệu các cách thực hiện với linear-gradient, ::after và một...

Kỹ thuật CSS Image Sprites tối ưu tốc độ tải trang

12/05/2017 0 19 2 phút đọc

CSS Image Sprites là cách gộp nhiều ảnh nền cần sử dụng vào một file hình duy nhất và sử dụng thuộc tính background-position trong CSS với 2 vị trí Left, Top để xác định...

Ảnh minh họa: Hiện thanh Menu (Navbar) khi trượt

Hiện thanh Menu (Navbar) khi trượt lên với jQuery

08/05/2017 0 32 2 phút đọc

Bài viết này hướng dẫn cách hiện ra thanh Menu (Navbar) khi trượt (scroll) lên với jQuery, khi trượt xuống thanh menu sẽ được ẩn đi.

Dự án Landing Page: Nút trở lên đầu trang

08/05/2017 0 28 2 phút đọc

Phần cuối cùng của dự án Landing Page "Intense", làm nút Trở lên đầu trang chỉ hiển thị khi kéo được một đoạn và mất khi trở lên trên cùng.

Dự án Landing Page: Các phần còn lại

08/05/2017 0 3 10 phút đọc

Các phần còn lại của dự án Landing Page "Intense", gồm: Chức năng, Dịch vụ, Khách hàng và Footer.

Dự án Landing Page: Navbar và Header

08/05/2017 0 8 4 phút đọc

Bài viết này hướng dẫn cách làm giao diện Navbar và Header của dự án Landing Page “Intense”.

Giới thiệu dự án Landing Page

08/05/2017 0 9 3 phút đọc

Bài viết này giới thiệu dự án thiết kế Landing Page "Intense" từ A-Z sử dụng Bootstrap là CSS Framework chính. Sau khi theo dõi và thực hành dự án này, các bạn sẽ có...

Ảnh minh họa: Hiệu ứng Parallax khi Hover với

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

05/05/2017 0 15 1 phút đọc

Demo

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.

Ảnh minh họa: Tạo Nhãn dán Facebook bằng CSS3

Tạo Nhãn dán Facebook bằng CSS3 Animations

03/05/2017 0 20 2 phút đọc

Demo

Nếu bạn muốn tạo sticker (nhãn dán) giống như Facebook – bao gồm loại động (animated) và tĩnh (static) – thì bài viết này sẽ hướng dẫn bạn thực hiện dễ dàng chỉ với CSS3.