2016-10-31 18:04:15 +00:00
|
|
|
//- 💫 CSS > BASE > ANIMATIONS
|
2016-03-31 14:24:48 +00:00
|
|
|
|
2016-10-03 18:19:13 +00:00
|
|
|
//- Fade in
|
2016-03-31 14:24:48 +00:00
|
|
|
|
2016-10-03 18:19:13 +00:00
|
|
|
@keyframes fadeIn
|
2016-03-31 14:24:48 +00:00
|
|
|
from
|
2016-10-03 18:19:13 +00:00
|
|
|
opacity: 0
|
2016-03-31 14:24:48 +00:00
|
|
|
|
|
|
|
to
|
2016-10-03 18:19:13 +00:00
|
|
|
opacity: 1
|
2016-03-31 14:24:48 +00:00
|
|
|
|
|
|
|
|
2016-10-03 18:19:13 +00:00
|
|
|
//- Element slides in from the top
|
2016-03-31 14:24:48 +00:00
|
|
|
|
2016-10-03 18:19:13 +00:00
|
|
|
@keyframes slideInDown
|
|
|
|
from
|
|
|
|
transform: translate3d(0, -100%, 0)
|
|
|
|
visibility: visible
|
|
|
|
|
|
|
|
to
|
|
|
|
transform: translate3d(0, 0, 0)
|
2017-10-03 12:14:52 +00:00
|
|
|
|
|
|
|
|
|
|
|
//- Element rotates
|
|
|
|
|
|
|
|
@keyframes rotate
|
|
|
|
to
|
|
|
|
transform: rotate(360deg)
|