From 1cb220ef54ddaf635b322d8c24f38613f371285e Mon Sep 17 00:00:00 2001 From: ivarlovlie Date: Sun, 5 Jun 2022 15:43:08 +0200 Subject: feat: New frontpage --- apps/web-shared/src/styles/components/404.scss | 43 ++++++++++++++++++++++++++ 1 file changed, 43 insertions(+) create mode 100644 apps/web-shared/src/styles/components/404.scss (limited to 'apps/web-shared/src/styles/components/404.scss') diff --git a/apps/web-shared/src/styles/components/404.scss b/apps/web-shared/src/styles/components/404.scss new file mode 100644 index 0000000..1a0267a --- /dev/null +++ b/apps/web-shared/src/styles/components/404.scss @@ -0,0 +1,43 @@ +@use '../base' as *; + +.fof { +} + +.fof__animation { + svg { + display: block; + max-width: 520px; + margin-left: auto; + margin-right: auto; + } +} + +#i-fof-browser { + transform-origin: 260px 304px; + animation: i-fof-browser 4s infinite; +} + +#i-fof-shadow { + transform-origin: 282px 410px; + animation: i-fof-shadow 4s infinite; +} + +@keyframes i-fof-browser { + 0%, 100% { + transform: translateY(0) scale(1); + } + + 50% { + transform: translateY(-10%) scale(0.9); + } +} + +@keyframes i-fof-shadow { + 0%, 100% { + transform: scale(1); + } + + 50% { + transform: scale(0.8); + } +} -- cgit v1.3