Hykilpikonna
52 lines
944 B
Sass
52 lines
944 B
Sass
/**
|
|
* animation fade-in-left
|
|
*/
|
|
.fade-in-left
|
|
animation: fade-in-left .5s cubic-bezier(.39, .575, .565, 1.000) both
|
|
|
|
@keyframes fade-in-left
|
|
0%
|
|
transform: translateX(-50px)
|
|
opacity: 0
|
|
100%
|
|
transform: translateX(0)
|
|
opacity: 1
|
|
|
|
.fade-in-top
|
|
animation: fade-in-top .5s cubic-bezier(.39, .575, .565, 1.000) both
|
|
|
|
@keyframes fade-in-top
|
|
0%
|
|
transform: translateY(-50px)
|
|
opacity: 0
|
|
100%
|
|
transform: translateY(0)
|
|
opacity: 1
|
|
|
|
@keyframes fade-in-top-delayed
|
|
0%
|
|
opacity: 0
|
|
50%
|
|
transform: translateY(-50px)
|
|
opacity: 0
|
|
100%
|
|
transform: translateY(0)
|
|
opacity: 1
|
|
|
|
.fade-out-left
|
|
animation: fade-out-left .5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both
|
|
|
|
@keyframes fade-out-left
|
|
0%
|
|
transform: translateX(0)
|
|
opacity: 1
|
|
100%
|
|
transform: translateX(-50px)
|
|
opacity: 0
|
|
|
|
@keyframes slideInFromLeft
|
|
0%
|
|
transform: translateX(-100%)
|
|
100%
|
|
transform: translateX(0)
|