You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
18 lines
454 B
18 lines
454 B
9 years ago
|
// offset variable gets tacked for centering in addition to the scaling
|
||
|
|
|
||
|
|
offsets = translateX(-50%) translateY(-50%)
|
||
|
|
.likes-heart
|
||
|
|
opacity 0
|
||
|
|
transition all 0.5s // time to fade out after its done
|
||
|
|
transform offsets scale(5) // this is the "end state"
|
||
|
|
display block
|
||
|
|
&.like-enter
|
||
|
|
transition all .2s
|
||
|
|
transform offsets scale(1)
|
||
|
|
opacity 1
|
||
|
|
&.like-enter-active
|
||
|
|
transform offsets scale(5)
|
||
|
|
.like-leave-active
|
||
|
|
display none
|
||
|
|
|