Visual effects properties

Property

Value

Description

Support level

Availability

display

inline | inline-block | inline-table | list-item | item | none | table | table-caption | table-cell | table-footer-group | table-header-group | table-row | table-row-group

Specifies how or if an element is displayed.

CSS 2.1

4.3 or later

float

center |left | right | none

Specifies where an image or text will appear in another element.

CSS 2.1

4.6 or later

overflow

auto | hidden | scroll | visible

Specifies the behavior when the content of an element overflows the available space for that element.

CSS 2.1

4.6 or later

visibility

collapse | hidden | visible

Specifies whether elements are rendered or not.

CSS 2.1

4.6 or later

-webkit-animation

List of animation values

Specifies one or more animation properties.

CSS 3

6.0 or later

-webkit-animation-delay

Seconds

Specifies when the animation starts.

CSS 3

6.0 or later

-webkit-animation-direction

normal | alternate

Specifies whether the animation reverses for alternate iterations.

CSS 3

6.0 or later

-webkit-animation-duration

Time

Specifies the length of time the animation takes to complete one iteration.

CSS 3

6.0 or later

-webkit-animation-iteration-count

infinite | Number

Specifies the number of times the animation will be repeated.

CSS 3

6.0 or later

-webkit-animation-name

Text

Specifies a name for the animation.

CSS 3

6.0 or later

-webkit-animation-play-state

Specifies whether the animation is running or is paused.

CSS 3

6.0 or later

-webkit-animation-timing-function

ease | linear | ease-in | ease-out | ease-in-out | cubic-bezier(x1, y1, x2, y2)

Specifies how the animation progresses between keyframes.

CSS 3

6.0 or later

-webkit-backface-visibility

Specifies whether the reverse side of a transformed element is visible when facing the viewer.

CSS 3

6.0 or later

-webkit-perspective

Specifies a stacking context that adds the illusion of depth.

CSS 3

6.0 or later

-webkit-perspective-origin

Specifies the x and y coordinates at which the viewer appears to be viewing the children of the element.

CSS 3

6.0 or later

-webkit-transform

List of transformation functions

Specifies the transformation functions that are to be applied to an element.

CSS 3

6.0 or later

-webkit-transform-origin

Percentage | Length | left | center | right

Specifies the origin for transform.

CSS 3

6.0 or later

-webkit-transform-style

Specifies how nested elements are rendered in 3D space.

CSS 3

6.0 or later

-webkit-transition

List of transition values

Specifies one or more transition properties.

CSS 3

6.0 or later

-webkit-transition-delay

Seconds

Specifies when the transition starts.

CSS 3

6.0 or later

-webkit-transition-duration

Time

Specifies the length of time the transition takes to complete one iteration.

CSS 3

6.0 or later

-webkit-transition-property

none | all | Property

Specifies the name of the CSS property to which the transition is applied.

CSS 3

6.0 or later

-webkit-transition-timing-function

ease | linear | ease-in | ease-out | ease-in-out | cubic-bezier(x1, y1, x2, y2)

Specifies how the intermediate values used during a transition will be calculated.

If you specify a cubic B├ęzier function, the first and last time values are assumed;

CSS 3

6.0 or later

Backgrounds & foregrounds | Box model | Fonts | Lists | Tables | Text | Visual effects | Visual formatting

Last modified: 2014-03-10



Got questions about leaving a comment? Get answers from our Disqus FAQ.

comments powered by Disqus