From a0f0001bded735a243eaad308a8ecba2cc5bf08e Mon Sep 17 00:00:00 2001 From: Atlas Cove Date: Tue, 24 Oct 2023 14:28:12 +0100 Subject: [PATCH] Added legacy.css We now support blink tags! --- in/css/legacy.css | 45 +++++++++++++++++++++++++++++++++++++++++++++ 1 file changed, 45 insertions(+) create mode 100644 in/css/legacy.css diff --git a/in/css/legacy.css b/in/css/legacy.css new file mode 100644 index 0000000..be25795 --- /dev/null +++ b/in/css/legacy.css @@ -0,0 +1,45 @@ +.marquee { + width: 450px; + margin: 0 auto; + white-space: nowrap; + overflow: hidden; + box-sizing: border-box; +} + +.marquee span { + display: inline-block; + padding-left: 100%; + /* show the marquee just outside the paragraph */ + animation: marquee 15s linear infinite; +} + + +/* Make it move */ + +@keyframes marquee { + 0% { + transform: translate(0, 0); + } + 100% { + transform: translate(-100%, 0); + } +} + +.blink { + animation: blink-animation 1s steps(5, start) infinite; + -webkit-animation: blink-animation 1s steps(5, start) infinite; +} +@keyframes blink-animation { + to { + visibility: hidden; + } +} +@-webkit-keyframes blink-animation { + to { + visibility: hidden; + } +} + +.center { + text-align: center; +}