first commit
This commit is contained in:
37
scss/utilities/_animation.scss
Normal file
37
scss/utilities/_animation.scss
Normal file
@ -0,0 +1,37 @@
|
||||
// Animation Utilities
|
||||
|
||||
// Grow In Animation
|
||||
|
||||
@keyframes growIn {
|
||||
0% {
|
||||
transform: scale(0.9);
|
||||
opacity: 0;
|
||||
}
|
||||
100% {
|
||||
transform: scale(1);
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
|
||||
.animated--grow-in {
|
||||
animation-name: growIn;
|
||||
animation-duration: 200ms;
|
||||
animation-timing-function: transform cubic-bezier(.18,1.25,.4,1), opacity cubic-bezier(0,1,.4,1);
|
||||
}
|
||||
|
||||
// Fade In Animation
|
||||
|
||||
@keyframes fadeIn {
|
||||
0% {
|
||||
opacity: 0;
|
||||
}
|
||||
100% {
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
|
||||
.animated--fade-in {
|
||||
animation-name: fadeIn;
|
||||
animation-duration: 200ms;
|
||||
animation-timing-function: opacity cubic-bezier(0,1,.4,1);
|
||||
}
|
Reference in New Issue
Block a user