diff --git a/nginx/public_html/index.css b/nginx/public_html/index.css index d1215b6..d943146 100644 --- a/nginx/public_html/index.css +++ b/nginx/public_html/index.css @@ -64,6 +64,8 @@ body{ flex-direction: column; flex-wrap: nowrap; justify-content: space-between; + + animation: bounce-in-fwd 0.8s ease-in-out both; } .note > textarea{ @@ -74,4 +76,53 @@ body{ background-color: #aaccaa; border: none; outline: none; - } \ No newline at end of file + } + +/* ---------------------------------------------- + * Generated by Animista on 2021-4-12 15:12:16 + * Licensed under FreeBSD License. + * See http://animista.net/license for more info. + * w: http://animista.net, t: @cssanimista + * ---------------------------------------------- */ + +/** + * ---------------------------------------- + * animation bounce-in-fwd + * ---------------------------------------- + */ +@keyframes bounce-in-fwd { + 0% { + transform: scale(0); + animation-timing-function: ease-in; + opacity: 0; + } + 38% { + transform: scale(1); + animation-timing-function: ease-out; + opacity: 1; + } + 55% { + transform: scale(0.7); + animation-timing-function: ease-in; + } + 72% { + transform: scale(1); + animation-timing-function: ease-out; + } + 81% { + transform: scale(0.84); + animation-timing-function: ease-in; + } + 89% { + transform: scale(1); + animation-timing-function: ease-out; + } + 95% { + transform: scale(0.95); + animation-timing-function: ease-in; + } + 100% { + transform: scale(1); + animation-timing-function: ease-out; + } +} \ No newline at end of file diff --git a/nginx/public_html/index.html b/nginx/public_html/index.html index 20a687b..6685868 100644 --- a/nginx/public_html/index.html +++ b/nginx/public_html/index.html @@ -2,10 +2,7 @@