From 1ef1d13bd9a6557134ac6bfe50720a9c7ab096aa Mon Sep 17 00:00:00 2001 From: gokdenizozkan Date: Mon, 8 Jul 2024 09:39:37 +0300 Subject: [PATCH] add visitor counter - v1.0.0 --- css/rainbow-text.css | 31 +++++++++++++++++++++++++++++++ index.html | 16 ++++++++++++++-- 2 files changed, 45 insertions(+), 2 deletions(-) create mode 100644 css/rainbow-text.css diff --git a/css/rainbow-text.css b/css/rainbow-text.css new file mode 100644 index 0000000..b0a81b6 --- /dev/null +++ b/css/rainbow-text.css @@ -0,0 +1,31 @@ +/* retrieved from https://stackoverflow.com/questions/54702124/rainbow-text-animation-using-only-css */ +/* Asked and written by Azazel */ +/* Completed by Austen Holland */ + +/* removed #shadowbox styling */ + +.rainbow { + text-align: center; + text-decoration: underline; + font-size: 16px; /* original value was 32, changed it */ + font-family: monospace; + letter-spacing: 5px; +} +.rainbow_text_animated { + background: linear-gradient(to right, #6666ff, #0099ff , #00ff00, #ff3399, #6666ff); + -webkit-background-clip: text; + background-clip: text; + color: transparent; + animation: rainbow_animation 6s ease-in-out infinite; + background-size: 400% 100%; +} + +@keyframes rainbow_animation { + 0%,100% { + background-position: 0 0; + } + + 50% { + background-position: 100% 0; + } +} \ No newline at end of file diff --git a/index.html b/index.html index df3405e..23ff648 100644 --- a/index.html +++ b/index.html @@ -6,6 +6,14 @@ kpm2csv by Gökdeniz Özkan + + + +