Genres use flip effect now
This commit is contained in:
@ -6,6 +6,8 @@
|
||||
|
||||
.grid-cell
|
||||
uiElement()
|
||||
|
||||
position relative
|
||||
|
||||
flex-grow 0
|
||||
flex-shrink 0
|
||||
@ -22,11 +24,38 @@
|
||||
|
||||
margin 0.5rem
|
||||
|
||||
.scale-out
|
||||
&:hover
|
||||
transform scale(1.03)
|
||||
transform scale(1.02)
|
||||
|
||||
.backside-card
|
||||
transition all transitionSpeed ease-in-out
|
||||
|
||||
&:hover
|
||||
transform rotateY(180deg)
|
||||
|
||||
.front
|
||||
opacity 0
|
||||
.back
|
||||
opacity 1
|
||||
// .grid-icon
|
||||
// transform scale(1.3)
|
||||
|
||||
.front
|
||||
position absolute
|
||||
left 0
|
||||
top 0
|
||||
opacity 1
|
||||
transition opacity transitionSpeed ease
|
||||
|
||||
.back
|
||||
position absolute
|
||||
left 0
|
||||
top 0
|
||||
opacity 0
|
||||
transition opacity transitionSpeed ease
|
||||
transform rotateY(180deg)
|
||||
|
||||
.grid-anime
|
||||
border none
|
||||
&:hover
|
||||
@ -52,4 +81,5 @@
|
||||
width 100%
|
||||
height 100%
|
||||
margin 0
|
||||
border-radius 3px
|
||||
object-fit cover
|
Reference in New Issue
Block a user