spaCy/website/assets/css/_base/_animations.sass

29 lines
392 B
Sass
Raw Normal View History

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)