Editor's Draft · pointer-animations
Pointer-driven Animations
4 properties, 1 function defined by this
specification, 0 of them known to at least one browser
(the others are badged Not in any browser yet).
Read the Editor's Draft ↗
Each feature in detail
No prose in the spec's definition and no MDN page yet: the spec link below is the only description.
Syntax
[ normal | [ <length-percentage> | <timeline-range-center-subject> <length-percentage>? ] ]#
Formal grammar from the specification, as webref extracts it: the latest level's definition, sometimes ahead of what browsers implement.
Definition
- Initial
- normal
- Applies to
- all elements
- Inherited
- no
- Percentages
- relative to the corresponding dimension of the specified timeline range center subject, else relative to the start of the animation attachment range
- Computed value
- list, each item either the keyword normal or a timeline range center subject and a length-percentage value
- Canonical order
- per grammar
- Animation type
- not animatable
Specification ↗
No prose in the spec's definition and no MDN page yet: the spec link below is the only description.
Syntax
[ <'pointer-timeline-name'> <'pointer-timeline-axis'>? ]#
Formal grammar from the specification, as webref extracts it: the latest level's definition, sometimes ahead of what browsers implement.
Definition
- Initial
- see individual properties
- Applies to
- all elements
- Inherited
- see individual properties
- Percentages
- see individual properties
- Computed value
- see individual properties
- Canonical order
- per grammar
- Animation type
- see individual properties
- Longhands
pointer-timeline-name, pointer-timeline-axis
Specification ↗
No prose in the spec's definition and no MDN page yet: the spec link below is the only description.
Syntax
[ block | inline | x | y ]#
Formal grammar from the specification, as webref extracts it: the latest level's definition, sometimes ahead of what browsers implement.
Definition
- Initial
- block
- Applies to
- all elements
- Inherited
- no
- Percentages
- n/a
- Computed value
- a list of the keywords specified
- Canonical order
- per grammar
- Animation type
- not animatable
Specification ↗
No prose in the spec's definition and no MDN page yet: the spec link below is the only description.
Syntax
[ none | <dashed-ident> ]#
Formal grammar from the specification, as webref extracts it: the latest level's definition, sometimes ahead of what browsers implement.
Definition
- Initial
- none
- Applies to
- all elements
- Inherited
- no
- Percentages
- n/a
- Computed value
- the keyword none or a list of CSS identifiers
- Canonical order
- per grammar
- Animation type
- not animatable
Specification ↗
Spec The pointer() functional notation can be used as a <single-animation-timeline> value in animation-timeline and specifies a pointer progress timeline. Its syntax is
Syntax
pointer( [ <pointer-source> || <pointer-axis> ]? )
Formal grammar from the specification, as webref extracts it: the latest level's definition, sometimes ahead of what browsers implement.
Specification ↗