Search
Search CSS
z-index
z-indexThe z-index CSS property sets the z-order of a positioned element and its descendants or flex items. Overlapping elements with a larger z-index cover those with a smaller one. For a positioned ..
will-change
will-changeThe will-change CSS property hints to browsers how an element is expected to change. Browsers may set up optimizations before an element is actually changed. These kinds of optimizations ca..
transform-origin
transform-originThe transform-origin CSS property sets the origin for an element's transformations. The transform origin is the point around which a transformation is applied. For example, the transfo..
shape-image-threshold
shape-image-thresholdThe shape-image-threshold CSS property sets the alpha channel threshold used to extract the shape using an image as the value for shape-outside. Any pixels whose alpha component's..
sepia()
sepia()The sepia() CSS function converts the input image to sepia, giving it a warmer, more yellow/brown appearance. Its result is a <filter-function>.Syntaxsepia(amount) Parameters amount ..
saturate()
saturate()The saturate() CSS function super-saturates or desaturates the input image. Its result is a <filter-function>.Syntaxsaturate(amount) Parameters amount The amount of the conver..
rgba()
<color> The <color> CSS data type represents a color. A <color> may also include an alpha-channel transparency value, indicating how the color should composite with its backgroun..
rgb()
<color> The <color> CSS data type represents a color. A <color> may also include an alpha-channel transparency value, indicating how the color should composite with its backgroun..
::placeholder
::placeholderThe ::placeholder CSS pseudo-element represents the placeholder text in an <input> or <textarea> element. ::placeholder { color: blue; font-size: 1.5em; } Only the subset..
opacity()
opacity()The opacity() CSS function applies transparency to the samples in the input image. Its result is a <filter-function>. Note: This function is similar to the more established opacity p..
opacity
opacityThe opacity CSS property sets the opacity of an element. Opacity is the degree to which content behind an element is hidden, and is the opposite of transparency.Syntaxopacity: 0.9 opacity: 90% ..
mask-type
mask-typeThe mask-type CSS property sets whether an SVG <mask> element is used as a luminance or an alpha mask. It applies to the <mask> element itself. /* Keyword values */ mask-type: lum..
invert()
invert()The invert() CSS function inverts the color samples in the input image. Its result is a <filter-function>.Syntaxinvert(amount) Parameters amount The amount of the conversion, sp..
hue-rotate()
hue-rotate()The hue-rotate() CSS function rotates the hue of an element and its contents. Its result is a <filter-function>.Syntaxhue-rotate(angle) Parameters angle The relative change ..
hsla()
<color> The <color> CSS data type represents a color. A <color> may also include an alpha-channel transparency value, indicating how the color should composite with its backgroun..
hsl()
<color> The <color> CSS data type represents a color. A <color> may also include an alpha-channel transparency value, indicating how the color should composite with its backgroun..
grayscale()
grayscale()The grayscale() CSS function converts the input image to grayscale. Its result is a <filter-function>.Syntaxgrayscale(amount) Parameters amount The amount of the conversion, ..
<gradient>
<gradient>The <gradient> CSS data type is a special type of <image> that consists of a progressive transition between two or more colors. A CSS gradient has no intrinsic dimensions; ..
<filter-function>
<filter-function>The <filter-function> CSS data type represents a graphical effect that can change the appearance of an input image. It is used in the filter and backdrop-filter properties..
filter
filterThe filter CSS property applies graphical effects like blur or color shift to an element. Filters are commonly used to adjust the rendering of images, backgrounds, and borders. Included in the C..
drop-shadow()
drop-shadow()The drop-shadow() CSS function applies a drop shadow effect to the input image. Its result is a <filter-function>. A drop shadow is effectively a blurred, offset version of the inpu..
::cue-region
::cue-regionExperimental: This is an experimental technologyCheck the Browser compatibility table carefully before using this in production. The ::cue-region CSS pseudo-element matches WebVTT cues wit..
::cue
::cueThe ::cue CSS pseudo-element matches WebVTT cues within a selected element. This can be used to style captions and other cues in media with VTT tracks. ::cue { color: yellow; font-weight: bol..
cross-fade()
cross-fade() The cross-fade() CSS function can be used to blend two or more images at a defined transparency. It can be used for many simple image manipulations, such as tinting an image with a so..
contrast()
contrast()The contrast() CSS function adjusts the contrast of the input image. Its result is a <filter-function>.Syntaxcontrast(amount) Parameters amount The contrast of the result, spe..
<color>
<color> The <color> CSS data type represents a color. A <color> may also include an alpha-channel transparency value, indicating how the color should composite with its backgroun..
clip-path
clip-pathThe clip-path CSS property creates a clipping region that sets what part of an element should be shown. Parts that are inside the region are shown, while those outside are hidden.Syntax/* Key..
brightness()
brightness()The brightness() CSS function applies a linear multiplier to the input image, making it appear brighter or darker. Its result is a <filter-function>.Syntaxbrightness(amount) Paramete..
blur()
blur()The blur() CSS function applies a Gaussian blur to the input image. Its result is a <filter-function>.Syntaxblur(radius) Parameters radius The radius of the blur, specified as a &..
backdrop-filter
backdrop-filterThe backdrop-filter CSS property lets you apply graphical effects such as blurring or color shifting to the area behind an element. Because it applies to everything behind the element, ..
