all repos — site @ 929cf20b11ec478600126d9b4ebe9e504e037bc5

source for my site, found at icyphox.sh

feat(css): fade-in animation
Anirudh icyph0x@pm.me
Wed, 15 Aug 2018 19:06:39 +0530
commit

929cf20b11ec478600126d9b4ebe9e504e037bc5

parent

cbe19671b8758cf9f4b62dd076c329ef91421e1d

1 files changed, 20 insertions(+), 0 deletions(-)

jump to
M static/style.cssstatic/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; } +}