serenity/Userland/Libraries/LibWeb/CSS/CSSKeyframeRule.idl at aa79a4ed9a4973b0c549d44fd5f4b5ca34edd707 - RGBCube/serenity - Forgejo: Beyond coding. We Forge.

RGBCube/serenity

mirror of https://github.com/RGBCube/serenity synced 2025-10-31 02:02:45 +00:00

Ali Mohammad Pur e90752cc21 LibWeb: Add preliminary support for CSS animations

This partially implements CSS-Animations-1 (though there are references
to CSS-Animations-2).
Current limitations:
- Multi-selector keyframes are not supported.
- Most animation properties are ignored.
- Timing functions are not applied.
- Non-absolute values are not interpolated unless the target is also of
  the same non-absolute type (e.g. 10% -> 25%, but not 10% -> 20px).
- The JavaScript interface is left as an exercise for the next poor soul
  looking at this code.

With those said, this commit implements:
- Interpolation for most common types
- Proper keyframe resolution (including the synthetic from-keyframe
  containing the initial state)
- Properly driven animations, and proper style invalidation

Co-Authored-By: Andreas Kling <kling@serenityos.org>

2023-05-29 05:35:41 +02:00

7 lines

206 B

Text

Raw Blame History

 #import <CSS/CSSRule.idl>
 [Exposed = Window]
 interface CSSKeyframeRule : CSSRule {
     attribute CSSOMString keyText;
     [SameObject, PutForwards=cssText] readonly attribute CSSStyleDeclaration style;
 };