diff --git a/button_effects/Git-Icon.png b/button_effects/Git-Icon.png
new file mode 100644
index 0000000..51f4ae5
Binary files /dev/null and b/button_effects/Git-Icon.png differ
diff --git a/button_effects/index.css b/button_effects/index.css
new file mode 100644
index 0000000..958bff1
--- /dev/null
+++ b/button_effects/index.css
@@ -0,0 +1,70 @@
+.glow-on-hover {
+ width: 500px;
+ height: 500px;
+ border: none;
+ outline: none;
+ color: #fff;
+ background: #111;
+ cursor: pointer;
+ position: relative;
+ z-index: 0;
+ border-radius: 10px;
+ margin: 20px;
+ }
+
+ .glow-on-hover:before {
+ content: "";
+ background: linear-gradient(
+ 45deg,
+ #ff0000,
+ #ff7300,
+ #fffb00,
+ #48ff00,
+ #00ffd5,
+ #002bff,
+ #7a00ff,
+ #ff00c8,
+ #ff0000
+ );
+ position: absolute;
+ top: -2px;
+ left: -2px;
+ background-size: 400%;
+ z-index: -1;
+ filter: blur(5px);
+ width: calc(100% + 4px);
+ height: calc(100% + 4px);
+ animation: glowing 20s linear infinite;
+ opacity: 0;
+ transition: opacity 0.3s ease-in-out;
+ border-radius: 10px;
+ }
+
+ .glow-on-hover:active {
+ color: #000;
+ }
+
+ .glow-on-hover:active:after {
+ background: transparent;
+ }
+
+ .glow-on-hover:hover:before {
+ opacity: 1;
+ }
+
+ .glow-on-hover:after {
+ z-index: -1;
+ content: "";
+ position: absolute;
+ width: 100%;
+ height: 100%;
+ background: #111;
+ left: 0;
+ top: 0;
+ border-radius: 10px;
+ }
+
+
+ .text-center {
+ text-align: center;
+ }
\ No newline at end of file
diff --git a/button_effects/index.html b/button_effects/index.html
new file mode 100644
index 0000000..bd1e34a
--- /dev/null
+++ b/button_effects/index.html
@@ -0,0 +1,36 @@
+
+
+
+
+
+
+
+
+ Brands
+
+
+s
+
+
+
+
+
GLOW ON HOVER FEATURE
+ Hover mouse and click on the button below !
+
+
+
+
+
+
+
+
+