Search Results for Scale

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. .…

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 grayscale() Filter Function

CSS Grayscale Filter Function Background

This article demonstrates how to the use the CSS grayscale filter function on elements with CSS filter. Included is code and examples. The CSS grayscale function is a value of the CSS filter property. Grayscale applies a grayscale to the…

The CSS scale Property

Explaining the Scale Property in CSS

This article demonstrates the CSS scale property with examples and code samples, which can be used to scale an element on the x, y, and z-axis. The scale property in CSS is a CSS transformation property. It makes it possible…

How To Hover Zoom on an Image With CSS Scale

How To Hover Zoom on an Image With CSS Scale

This article demonstrates how to hover zoom an image with the CSS scale property. Whenever the user’s cursor hovers, the image is enlarged. Included in this example are usable code and a live editable demo. This article was first seen…

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…