diff --git a/css/buttons.css b/css/buttons.css index 505f4ae..54ac4ad 100644 --- a/css/buttons.css +++ b/css/buttons.css @@ -130,4 +130,41 @@ /* Saksham Mahajan */ .Saksham { background-color: #f69696; -} \ No newline at end of file +} + +/* Dhruv Tiwari */ +.dhruv { + background: linear-gradient(to right, #8743ff, #4136f1); +} + +.button-dhruv { + width: 150px; + height: 50px; + border-radius: 180px; + position: relative; + background: linear-gradient(to right, #8743ff, #4136f1); + font-size: 14px; + color: white; + font-weight: 600; + cursor: pointer; + line-height: 12px; + border: none; + transition: all 0.5s ease-in-out; +} + +.button-dhruv:hover { + transform: translateY(-5px) scale(1.05); +} + +.button-dhruv:hover::after { + content: ""; + position: absolute; + width: 110px; + height: 15px; + left: 50%; + top: 50%; + transform: translate(-50%, -30%); + z-index: -1; + filter: blur(25px); + background: linear-gradient(to right, #8743ff, #4136f1); +} diff --git a/pages/buttons.html b/pages/buttons.html index 4dff956..241f52b 100644 --- a/pages/buttons.html +++ b/pages/buttons.html @@ -1,250 +1,307 @@ + + + + Css Components + + + + + + + + - - - - Css Components - - - - - - - - - - -
-
-
-
-

BUTTONS

-
-
-

Add your different Buttons

-
-
- ⚡ Github - + +
+
+
+
+

BUTTONS

+
+
+

Add your different Buttons

+
+
+ ⚡ Github + +
-
-
-
-
- -
-
-
-
-
- Button -
-
- +
+
+
+ +
+
+
+
+
+ Button +
+
+ +
-
-
-
-
-
- Creator -
-
-
-

- Name: - Philipp Proksch - -

+
+
+
+
+ Creator +
+
+
+

+ Name: + Philipp Proksch + +

+
-
- -
-
-
-
-
- Button -
-
-
+ +
+
+
+
+
+ Button +
+
+
+
-
-
-
-
- -
- Creator -
-
-
-

- Name: - Roncy R Thomas - -

+
+
+
+
+ Creator +
+
+
+

+ Name: + Roncy R Thomas + +

+
-
- -
-
-
-
-
- Button -
-
- + +
+
+
+
+
+ Button +
+
+ +
-
-
-
-
-
- Creator -
-
-
-

- Name: - Joyal Joseph - -

+
+
+
+
+ Creator +
+
+
+

+ Name: + Joyal Joseph + +

+
-
- -
-
-
-
-
- Button -
-
- + +
+
+
+
+
+ Button +
+
+ +
-
-
-
-
-
- Creator -
-
-
-

- Name: - Thejasree Kilari - -

+
+
+
+
+ Creator +
+
+
+

+ Name: + Thejasree Kilari + +

+
-
- -
-
-
-
-
- Button -
-
- + +
+
+
+
+
+ Button +
+
+ +
-
-
-
-
-
- Creator -
-
-
-

- Name: - James Kaviyil Jose - -

+
+
+
+
+ Creator +
+
+
+

+ Name: + James Kaviyil Jose + +

+
- -
- -
-
-
-
-
- Button + +
+
+
+
+
+ Button +
+
+ +
-
- +
+
+
+
+
+
+ Creator +
+
+
+

+ Name: + Saksham Mahajan + +

+
+
-
-
-
-
- Creator + +
+
+
+
+
+ Button +
+
+ +
-
-
-

- Name: - Saksham Mahajan - -

+
+
+
+
+
+
+ Creator +
+
+
+

+ Name: + Dhruv Tiwari + +

+
- -
-
- - - - - \ No newline at end of file + + + + +