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.
17 lines
454 B
17 lines
454 B
// 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 |
|
|
|
|