From 1457678e105ef31158855ed8e1c737d10b9f5a4f Mon Sep 17 00:00:00 2001
From: SAGAR VERMA <117676966+SagarVerma893@users.noreply.github.com>
Date: Tue, 8 Oct 2024 00:42:47 +0530
Subject: [PATCH] Flickering Neon Sign (#2695)
* Create index.html
* Add files via upload
---
.../index.html | 14 ++++++
.../styles.css | 45 +++++++++++++++++++
2 files changed, 59 insertions(+)
create mode 100644 Art/SagarVerma893-Flickering Neon Sign/index.html
create mode 100644 Art/SagarVerma893-Flickering Neon Sign/styles.css
diff --git a/Art/SagarVerma893-Flickering Neon Sign/index.html b/Art/SagarVerma893-Flickering Neon Sign/index.html
new file mode 100644
index 000000000..99322c05d
--- /dev/null
+++ b/Art/SagarVerma893-Flickering Neon Sign/index.html
@@ -0,0 +1,14 @@
+
+
+
+
+
+ Flickering Neon Sign
+
+
+
+
+
Hacktoberfest 2024
+
+
+
diff --git a/Art/SagarVerma893-Flickering Neon Sign/styles.css b/Art/SagarVerma893-Flickering Neon Sign/styles.css
new file mode 100644
index 000000000..ed2aec54c
--- /dev/null
+++ b/Art/SagarVerma893-Flickering Neon Sign/styles.css
@@ -0,0 +1,45 @@
+@import url('https://fonts.googleapis.com/css2?family=Monoton&display=swap');
+
+body {
+ background-color: #000;
+ display: flex;
+ justify-content: center;
+ align-items: center;
+ height: 100vh;
+ margin: 0;
+}
+
+.neon-sign h1 {
+ font-family: 'Monoton', cursive;
+ font-size: 100px;
+ color: #00FF00;
+ text-shadow:
+ 0 0 5px #00FF00,
+ 0 0 10px #00FF00,
+ 0 0 20px #00FF00,
+ 0 0 40px #00FF00,
+ 0 0 80px #00FF00,
+ 0 0 100px #00FF00;
+ animation: flicker 2s infinite;
+}
+
+@keyframes flicker {
+ 0%, 19%, 21%, 23%, 25%, 54%, 56%, 100% {
+ opacity: 1;
+ text-shadow:
+ 0 0 5px #00FF00,
+ 0 0 10px #00FF00,
+ 0 0 20px #00FF00,
+ 0 0 40px #00FF00,
+ 0 0 80px #00FF00,
+ 0 0 100px #00FF00;
+ }
+ 20%, 24%, 55% {
+ opacity: 0.5;
+ text-shadow: none;
+ }
+ 22% {
+ opacity: 0.2;
+ text-shadow: none;
+ }
+}