From 277611e6d7e4b196e92483ae1df8801b2653ce7d Mon Sep 17 00:00:00 2001
From: Leonid Khachaturov <Leonid.Khachaturov@jetbrains.com>
Date: Thu, 17 Oct 2024 15:14:02 +0200
Subject: [PATCH] kotlin-css - add docs for transform, animation, etc #2583

---
 kotlin-css/README.md | 20 ++++++++++++++++++++
 1 file changed, 20 insertions(+)

diff --git a/kotlin-css/README.md b/kotlin-css/README.md
index 04d00e4ac47c0..9d2a80ada0a5b 100644
--- a/kotlin-css/README.md
+++ b/kotlin-css/README.md
@@ -28,6 +28,26 @@ val styles = CssBuilder().apply {
     body {
         margin = Margin(0.px)
         padding = Padding(0.px)
+
+        animation(
+            duration = 500.ms,
+            iterationCount = IterationCount.infinite,
+            fillMode = FillMode.backwards,
+            direction = AnimationDirection.alternate,
+        ) {
+            to {
+                backgroundPosition = RelativePosition.left
+            }
+        }
+
+        backgroundImage = linearGradient(90.deg) {
+            colorStop(Color.black)
+            colorStop(Color.transparent)
+        }
+
+        transform {
+            translateY(0.px)
+        }
     }
 }