feat(css): fade-in animation
Anirudh icyph0x@pm.me
Wed, 15 Aug 2018 19:06:39 +0530
1 files changed,
20 insertions(+),
0 deletions(-)
jump to
M
static/style.css
→
static/style.css
@@ -75,5 +75,25 @@ position: absolute;
top: 50%; left: 50%; transform: translate(-50%, -50%); + + -webkit-animation: fadein 2s; + -moz-animation: fadein 2s; + -ms-animation: fadein 2s; + -o-animation: fadein 2s; + animation: fadein 2s; } +@keyframes fadein { + from { opacity: 0; } + to { opacity: 1; } +} + +@-moz-keyframes fadein { + from { opacity: 0; } + to { opacity: 1; } +} + +@-webkit-keyframes fadein { + from { opacity: 0; } + to { opacity: 1; } +}