Hiệu ứng Shadow trong CSS

Thuộc tính Shadow trong CSS được sử dụng để thiết lập bóng cho các phần tử thành phần trong website. Ở bài viết này, Quantrimang.com sẽ cùng bạn tìm hiểu về 2 hiệu ứng được sử dụng nhiều nhất: text-shadow dành cho đoạn text. box-shadow dành cho phần tử dạng box. Text Shadow Thuộc tính text-shadow sử dụng [ [ ...]

Sử dụng Web Font trong CSS

Web font là font chữ được các nhà thiết kế website đưa lên host của website, không cần cài đặt vào máy tính của người dùng. Để thực hiện điều này, bạn sử dụng một rule với tên gọi là @font-face, rule này sẽ tạo ra một font định danh và trỏ tới một file font nào [ [ ...]

2D Transform trong CSS

Transform trong CSS là những thuộc tính dùng để “biến hình” cho các phần tử ban đầu, cho phép chúng ta thay đổi vị trị, hình dáng hay xoay phần tử theo các chiều. Có 2 kiểu thường gặp là 2D and 3D transformation. (Transformation là cách gọi chung của hiệu ứng thay đổi hình dạng, kích [ [ ...]

3D Transform trong CSS

Transform trong CSS là những thuộc tính dùng để “biến hình” cho các phần tử ban đầu, cho phép chúng ta thay đổi vị trị, hình dáng hay xoay phần tử theo các chiều. Có 2 kiểu thường gặp là 2D and 3D transformation. (Transformation là cách gọi chung của hiệu ứng thay đổi hình dạng, kích thước [ [ ...]

Hiệu ứng chuyển đổi Transition trong CSS

Thuộc tính Transition trong CSS được sử dụng khá rộng rãi trong thiết kế web để tạo ra các hiệu ứng chuyển đổi đẹp mắt trên website một cách dễ dàng. Transition hoạt động bằng cách thay đổi giá trị thuộc tính một cách trơn tru từ giá trị này sang giá trị khác trong khoảng [ [ ...]

Hiệu ứng chuyển động Animation trong CSS

Animation được giới thiệu trong phiên bản CSS3, cho phép tạo hiệu ứng chuyển động mà không cần sử dụng đến Javascript hay Flash. CSS Animation là gì? Animation được hiểu là hiệu ứng chuyển động, sử dụng để tạo hiệu ứng di chuyển cho các phần tử và được ứng dụng khá nhiều trong các website [ [ ...]

Tạo Button trong CSS

Button là những nút có thể click trên trang web của bạn. Ở bài viết này, Quantrimang.com sẽ hướng dẫn cách tạo các button và giới thiệu một số button đẹp mà bạn có thể áp dụng. Các nút kiểu dáng cơ bản .button { background-color: #58257b; /* màu của Quản trị mạng ^^ */ border: [ [ ...]

Hiệu ứng Tooltip trong CSS

Tooltip thường được sử dụng để làm xuất hiện một hộp nhỏ khi di chuột qua văn bản hoặc hình ảnh nào đó với thông tin liên quan đến thành phần được chuột di qua. Xét về mặt trải nghiệm người dùng, các tooltip cung cấp cho người dùng nguồn thông tin một cách nhanh chóng [ [ ...]

Gradient – màu biến đổi tuyến tính trong CSS

Gradient – màu biến đổi tuyến tính trong CSS cho phép tạo ra các phần tử có màu nền background là các hiệu ứng chuyển màu giữa hai hay nhiều màu sắc được chỉ định. Có 2 loại Gradient được CSS hỗ trợ: Linear Gradient: Quét màu xuất phát từ 1 phía, có thể theo chiều lên, [ [ ...]

Specificity trong CSS

Specificity trong CSS là gì? Nếu có hai hay nhiều quy tắc CSS (CSS rule) xung đột trỏ đến cùng một phần tử, trình duyệt sẽ tuân theo một số nguyên tắc để xác định độ ưu tiên cho các quy tắc, quy tắc nào có độ ưu tiên cao nhất sẽ được áp dụng. [ [ ...]