Browse Source

move yet another selector

CSS_GRID_EXAMPLE
Shagen Ogandzhanian 3 years ago
parent
commit
3829790e62
  1. 5
      examples/web_grid_animation/src/jsMain/kotlin/com/sample/Main.kt
  2. 5
      examples/web_grid_animation/src/jsMain/resources/app.css

5
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))")
}
}
}

5
examples/web_grid_animation/src/jsMain/resources/app.css

@ -14,11 +14,6 @@ li:nth-child(2n-1){
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;

Loading…
Cancel
Save