diff options
| author | kdevo <kdevo@users.noreply.github.com> | 2021-04-05 22:17:01 +0300 |
|---|---|---|
| committer | kdevo <kdevo@users.noreply.github.com> | 2021-04-05 22:17:01 +0300 |
| commit | 32a62af61093cd2808f68128246299fdbdced4b4 (patch) | |
| tree | 67b5187fcda5adcaf88868b3a95913f596dc34d6 | |
| parent | 134f0f9ba455214fe83518ed7d3dc0bf364ebe94 (diff) | |
:lipstick: Add animations for blur-up LQIP and logo
| -rw-r--r-- | assets/sass/_animation.scss | 23 |
1 files changed, 19 insertions, 4 deletions
diff --git a/assets/sass/_animation.scss b/assets/sass/_animation.scss index aa93432..2a1990c 100644 --- a/assets/sass/_animation.scss +++ b/assets/sass/_animation.scss @@ -33,6 +33,14 @@ } } +.scale-in-center { + animation: scale-in-center .3s cubic-bezier(.25, .46, .45, .94) both; +} + +.scale-out-center { + animation: scale-out-center .4s cubic-bezier(.895, .03, .685, .22) both; +} + // .cursor { // animation: 1s blink step-end infinite; // } @@ -41,10 +49,17 @@ animation: 1.2s blink infinite; } -.scale-in-center { - animation: scale-in-center .3s cubic-bezier(.25, .46, .45, .94) both; +.blur-up { + -webkit-filter: blur(3px); + filter: blur(3px); + transition: filter 600ms, -webkit-filter 600ms; } -.scale-out-center { - animation: scale-out-center .4s cubic-bezier(.895, .03, .685, .22) both; +.blur-up.lazyloaded { + -webkit-filter: blur(0); + filter: blur(0); } + +.logo-anim { + animation: scale-in-center .8s cubic-bezier(.25, .46, .45, .94) both; +}
\ No newline at end of file |