diff --git a/examples/web_grid_animation/src/jsMain/kotlin/com/sample/Main.kt b/examples/web_grid_animation/src/jsMain/kotlin/com/sample/Main.kt index a7b76f4275..ed9646b534 100644 --- a/examples/web_grid_animation/src/jsMain/kotlin/com/sample/Main.kt +++ b/examples/web_grid_animation/src/jsMain/kotlin/com/sample/Main.kt @@ -71,6 +71,11 @@ object AppStyleSheet: StyleSheet() { property("transition-property", "bottom, filter") property("transition-duration", ".3s") } + + "li > img:hover" style { + bottom(0.px) + property("filter", "drop-shadow(0 80px 30px rgba(0, 0, 0, 0.20))") + } } } diff --git a/examples/web_grid_animation/src/jsMain/resources/app.css b/examples/web_grid_animation/src/jsMain/resources/app.css index 639a798cb3..c6f0854b1a 100644 --- a/examples/web_grid_animation/src/jsMain/resources/app.css +++ b/examples/web_grid_animation/src/jsMain/resources/app.css @@ -11,14 +11,9 @@ body{ } li:nth-child(2n-1){ - grid-column-start:2; + grid-column-start:2; } -li > img:hover{ - bottom: 0; - filter: drop-shadow(0 80px 30px rgba(0, 0, 0, 0.20)); - } - @media (min-width:600px){ :root { --columns: 5;