CSS Animation

Complex method of animating certain properties of an element

CSS Cross-Fade Function

Image function to create a "crossfade" between images. This allows one image to transition (fade) into another based on a percentage value.

CSS element() function

This function renders a live image generated from an arbitrary HTML element

CSS Filter Effects

Method of applying filter effects using the `filter` property to elements, matching filters available in SVG. Filter functions include blur, brightness, contrast, drop-shadow, grayscale, hue-rotate, invert, opacity, sepia and saturate.

CSS if() function

The `if()` CSS function allows different values to be set for a property depending on the result of a conditional test. The test can be based on a style query, a media query, or a feature query.

CSS math functions min(), max() and clamp()

More advanced mathematical expressions in addition to `calc()`

CSS overflow: overlay

The `overlay` value of the `overflow` CSS property is a non-standard value to make scrollbars appear on top of content rather than take up space. This value is deprecated and related functionality being standardized as [the `scrollbar-gutter` property](mdn-css_properties_scrollbar-gutter).

CSS3 Transitions

Simple method of animating certain properties of an element, with ability to define property, duration, delay and timing function.

CSS3 attr() function for all properties

While `attr()` is supported for effectively all browsers for the `content` property, CSS Values and Units Level 5 adds the ability to use `attr()` on **any** CSS property, and to use it for non-string values (e.g. numbers, colors).

CSS -webkit-user-drag property

The non-standard `-webkit-user-drag` CSS property can be used to either make an element draggable or explicitly non-draggable (like links and images). See the standardized [draggable attribute/property](/mdn-api_htmlelement_draggable) for the recommended alternative method of accomplishing the same functionality.

cssfunctiondeclarations api

cssfunctiondeclarations api: style

css at-rule: `@function`

css at-rule: `@function`: `result` descriptor

css property: animation-timing-function

css property: animation-timing-function: ease

css property: animation-timing-function: ease-in

css property: animation-timing-function: ease-in-out

css property: animation-timing-function: ease-out

css property: animation-timing-function: `jump-` keywords for `steps()`

css property: animation-timing-function: linear

css property: animation-timing-function: step-end

css property: animation-timing-function: step-start

css property: aspect-ratio

css property: offset-path: support for `path()` function as a value

css property: offset-path: support for `ray()` function as a value

types: `attr()`: `type(<syntax>)` function

types: `attr()`: `type(<syntax>)` function: `<angle>`

types: `attr()`: `type(<syntax>)` function: `<color>`

types: `attr()`: `type(<syntax>)` function: `<custom-ident>`

types: `attr()`: `type(<syntax>)` function: `<ident>`

types: `attr()`: `type(<syntax>)` function: `<image>`

types: `attr()`: `type(<syntax>)` function: `<integer>`

types: `attr()`: `type(<syntax>)` function: `<length>`

types: `attr()`: `type(<syntax>)` function: `<length-percentage>`

types: `attr()`: `type(<syntax>)` function: `<number>`

types: `attr()`: `type(<syntax>)` function: `<percentage>`

types: `attr()`: `type(<syntax>)` function: `<resolution>`

types: `attr()`: `type(<syntax>)` function: `<string>`

types: `attr()`: `type(<syntax>)` function: `<time>`

types: `attr()`: `type(<syntax>)` function: `<transform-function>`

types: `attr()`: `type(<syntax>)` function: `<url>`

types: `<filter-function>`: `hue-rotate()`

types: `<filter-function>`: `saturate()`

types: `<transform-function>`: `matrix()`

types: `<transform-function>`: `rotate()`

types: `<transform-function>`: `rotatex()`