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.
37 lines
596 B
37 lines
596 B
// 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); |
|
}
|
|
|