Skip to content

css-animations: Does animation-duration support calc()? #1238

@praveenpuglia

Description

@praveenpuglia

https://drafts.csswg.org/css-animations/#animation-duration

From the spec, it's not clear whether calc() function can be used for animation duration or not. At the moment, I see Chrome supporting it but firefox doesn't.

This clearly has advantage in conjunction with CSS custom properties. Here's one such example.
https://codepen.io/praveenpuglia/pen/RVWKew/

Metadata

Metadata

Assignees

No one assigned

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions