CSS

CSS contrast() Function

Hàm contrast() là một hàm dựng sẵn dùng để áp dụng bộ lọc cho ảnh. Nó điều chỉnh độ tương phản của ảnh. Cú pháp: contrast( amount ) Tham số: Hàm này chấp nhận một tham số duy nhất là amount. Tham số này giữ giá trị độ tương phản....


CSS brightness() Function

Hàm brightness() là một hàm dựng sẵn dùng để áp dụng bộ lọc độ sáng cho ảnh. Hàm này sử dụng hệ số nhân tuyến tính để tăng hoặc giảm độ sáng. Cú pháp: brightness( amount ) Tham số: Hàm này chấp nhận tham số duy nhất là amount, chứa...


CSS blur() Function

Hàm CSS blur() áp dụng hiệu ứng làm mờ Gaussian cho một phần tử. Nó làm cho phần tử có vẻ ngoài mất nét. Hàm này được dùng với thuộc tính filter và nhận giá trị độ dài bán kính mờ. Hàm CSS blur() là một phần của thuộc tính...


CSS transform-style Property

Thuộc tính transform-style được dùng để chỉ định vị trí các phần tử con. Chúng có thể ở trong không gian 3D hoặc phẳng so với mặt phẳng phần tử. Cú pháp: transform-style: flat|preserve-3d|initial|inherit; Giá trị thuộc tính: flat: Giá trị này đặt các phần tử con trên cùng mặt...


CSS transform-origin Property

Thuộc tính transform-origin trong CSS dùng để chỉ định gốc của phép xoay. Đó là điểm mà một phần tử sẽ xoay quanh. Nó được dùng cho cả phép xoay 2D lẫn 3D. Cú pháp: transform-origin: position | initial | inheritGiá trị thuộc tính: position: Giá trị này chỉ định...


Minification of CSS files

Minifying a CSS file optimizes it by removing unnecessary characters like spaces, line breaks, and comments, reducing its size for faster webpage loading. Việc "minifying" file CSS tối ưu hóa bằng cách loại bỏ ký tự thừa như khoảng trắng, dòng mới và chú thích. Điều này giúp giảm kích...


CSS saturate() Function

Hàm saturate() là một hàm tích hợp trong CSS. Nó được dùng để tăng giảm độ bão hòa của ảnh đầu vào. Cú pháp: saturate( amount ) Tham số: Hàm này chấp nhận một tham số duy nhất là amount. Tham số này giữ giá trị chuyển đổi. Giá trị...


CSS skewY() Function

Hàm skewY() là một hàm dựng sẵn dùng để biến đổi phần tử theo chiều dọc trên mặt phẳng 2D. Cú pháp: skewY( a ) Tham số: Hàm này nhận một tham số duy nhất là a, giữ góc biểu diễn trục dọc. Các ví dụ dưới đây minh họa...


CSS skewX() Function

Hàm skewX() là một hàm dựng sẵn dùng để biến đổi phần tử theo chiều ngang trên mặt phẳng 2D. Cú pháp: skewX( a ) Tham số: Hàm này chấp nhận một tham số duy nhất là a. Tham số này giữ góc biểu diễn trục ngang. Các ví dụ...


CSS skew() Function

Hàm skew() là một hàm dựng sẵn dùng để biến đổi một phần tử trong mặt phẳng 2D. Hàm này có tác dụng làm nghiêng phần tử bằng cách kéo hoặc đẩy nó.Cú pháp:skew( ax )hoặcskew( ax, ay )Tham số:ax: Tham số này giữ góc đại diện cho trục ngang...


CSS url() Function

Hàm url() là một hàm dựng sẵn dùng để chèn một file. Tham số của hàm này là URL tuyệt đối, URL tương đối hoặc data URI. Hàm url() có thể dùng cho background-image, border-image, list-style-image... content, cursor, border-image-source, src trong @font-face, và @counter-style/symbol. Cú pháp:url( <string> <url-modifier>* )Tham số:...


CSS circle() function

Hàm circle() là một hàm dựng sẵn trong CSS. Nó được dùng để tạo hiệu ứng chữ nổi xung quanh hình tròn. Cú pháp:  circle(100px at 10px 150px); hoặc  circle( percentage ); Tham số: Hàm này chấp nhận một tham số duy nhất là length hoặc percentage. Tham số này...


CSS translate() Function

Hàm translate() trong CSS dùng để định vị lại các phần tử theo trục ngang (x) và dọc (y). Là một hàm CSS tích hợp, translate() cho phép tạo bố cục động. Nó cũng giúp tạo bố cục đáp ứng bằng cách dịch chuyển phần tử chính xác. Hiểu cú...


CSS scaleY() Function

Hàm scaleY() là một hàm dựng sẵn dùng để thay đổi kích thước phần tử. Hàm này thay đổi kích thước theo trục y trên mặt phẳng 2D. Nó mở rộng hoặc thu hẹp các phần tử theo chiều dọc. Cú pháp: scaleY( y ) Tham số: Hàm này chấp...


CSS scale3d() Function

Hàm scale3d() là một hàm dựng sẵn. Nó được dùng để thay đổi kích thước phần tử trong không gian 3D. Nó điều chỉnh tỷ lệ các phần tử trên các mặt phẳng x, y và z. Cú pháp:scale3d( sx, sy, sz )Tham số: Hàm này chấp nhận ba tham...


CSS scale() Function

Hàm scale() là một hàm dựng sẵn để thay đổi kích thước phần tử trong mặt phẳng 2D. Nó điều chỉnh kích thước phần tử theo chiều ngang và chiều dọc.Cú pháp:scale( sx )hoặcscale( sx, sy )Tham số:sx: Nó thay đổi kích thước các phần tử theo chiều ngang.sy: Nó...


CSS sepia() Function

Hàm sepia() là một hàm tích hợp sẵn. Nó được dùng để áp dụng bộ lọc sepia lên ảnh. Cú pháp: sepia( amount ) Tham số: Hàm này nhận một tham số duy nhất là amount. Tham số này giữ giá trị mức độ sepia cần áp dụng. Giá trị...


CSS rotateZ() Function

Hàm rotateZ() là một hàm dựng sẵn dùng để xoay một phần tử quanh trục z. Cú pháp: rotateZ( angle ) Tham số: Hàm này nhận một tham số duy nhất là angle, đại diện cho góc xoay. Góc dương xoay theo chiều kim đồng hồ. Góc âm xoay ngược...


CSS rotateY() Function

Hàm rotateY() là một hàm tích hợp sẵn, dùng để xoay một phần tử quanh trục dọc. Cú pháp: rotateY( angle ) Tham số: Hàm này nhận một tham số duy nhất là angle, biểu thị góc xoay. Các góc dương và âm sẽ xoay phần tử theo chiều kim...


CSS rotateX() Function

rotateX() function là một hàm dựng sẵn dùng để xoay một phần tử quanh trục x. Syntax: rotateX( angle ) Parameters: Hàm này chấp nhận một tham số duy nhất là angle biểu thị góc xoay. Góc dương và âm xoay các phần tử theo chiều kim đồng hồ và...