Default image

Appcode

The CSS :where() Function

CSS where() Function

This article demonstrates how to use the CSS :where() function within CSS style sheets. Included are code, definitions, and examples. Contents What is CSS :where()? Syntax Examples Usage Use Cases of :where() Specificity Forgiving Selectors Lists Refactoring Using :where() Using…

The CSS translate() Function

The CSS translate Function Background

This article demonstrates how to use the CSS translate function on elements with CSS transform. Included are code, definitions, and examples. The CSS translate function defines a 2D translation across the vector [tx, ty]. Translate repositions HTML elements using both…

CSS <transform-function> data type

The CSS transform function Data Type

This article demonstrates the CSS <transform-function> data type, and its values, and using the data type with the transform property. Included are definitions. The <transform-function> CSS data type represents a transformation of an HTML element. The transformation can be of 2D or…

The CSS scaleZ() Function

The CSS scaleZ Function Background

This article demonstrates how to use the CSS scaleZ function on elements with CSS transform. Included are code, definitions, and examples. The scaleX function defines a [ 1, 1, sz ] scaling vector with the sz as the parameter. It…

The CSS scaleX() Function

The CSS scaleX Function Background

This article demonstrates how to use the CSS scaleX function on elements with CSS transform. Included are code, definitions, and examples. The scaleX function defines a [ sx, 1 ] scaling vector with the sx as the parameter. It allows…

The CSS scaleY() Function

The CSS scaleY Function Background

This article demonstrates how to use the CSS scaleY function on elements with CSS transform. Included are code, definitions, and examples. The scaleY function defines a [ 1, sy ] scaling vector with the sy as the parameter. It allows…

The CSS scale3d() Function

The CSS scale3d Function Background

This article demonstrates how to use the CSS scale3d function on elements with CSS transform. Included are code, definitions, and examples. The CSS scale3d() function defines a transformation using 3 parameters [ sx, sy, sz ] that resizes an HTML…

The CSS scale() Function

The CSS scale Function Background

This article demonstrates how to use the CSS scale function on elements with CSS transform. Included are code, definitions, and examples. Scale defines a scaling vector with the [ sx, sy ] parameters. It allows elements to be scaled in…

The CSS sepia() Filter Function

The CSS Sepia Filter Function Background

This article demonstrates how to the use the CSS sepia filter function on elements with CSS filter. Included is code and examples. The sepia function is a value of the CSS filter property. Sepia applies a reddish-brown color called sepia to…

The CSS saturate() Filter Function

CSS Opacity Filter Function Background

This article demonstrates how to the use the CSS saturate filter function on elements with CSS filter. Included is code and examples. The saturate function is a value of the CSS filter property. Saturate applies saturation to the target HTML…