From a07c6643976e2807534dc25799223df735404e01 Mon Sep 17 00:00:00 2001 From: Fibinger Ádám <adam.fibinger@wup.hu> Date: Mon, 06 Apr 2020 18:08:57 +0200 Subject: [PATCH] Új operátorok --- assets/animation-test.css | 40 ++++++++++++++++++++++++++++++++++++++++ 1 files changed, 40 insertions(+), 0 deletions(-) diff --git a/assets/animation-test.css b/assets/animation-test.css new file mode 100644 index 0000000..48ec55e --- /dev/null +++ b/assets/animation-test.css @@ -0,0 +1,40 @@ +@keyframes grow { + from { + width: 0; + } + to { + width: 100%; + } +} + +@keyframes fadeIn { + from { opacity: 0; display: none; } + to { opacity: 1; display: inline-block; } +} + +.grow { + animation-name: grow; + animation-duration: 0.5s; +} + +#stripe { + position: static; + width: 0; + margin: auto; + background: transparent url(/assets/stripe.png) no-repeat center center !important; +} +#stripe.final { + position: fixed; + width: 100%; +} + +#stripe.hidecontent * { + display: none; + opacity: 0; +} + +#stripe.showcontent * { + animation-name: fadeIn; + animation-duration: 0.5s; +} + -- Gitblit v1.8.0