From ef4b3e86319f19371bc2450246c695ff85d6fb55 Mon Sep 17 00:00:00 2001 From: IpsitaSenapati <99968662+IpsitaSenapati@users.noreply.github.com> Date: Thu, 27 Oct 2022 21:26:31 +0530 Subject: [PATCH 1/2] new button added --- buttons/buttons.css | 17 +++++++++++++++++ index.html | 9 +++++++++ 2 files changed, 26 insertions(+) diff --git a/buttons/buttons.css b/buttons/buttons.css index c05393d..0ecdbc8 100644 --- a/buttons/buttons.css +++ b/buttons/buttons.css @@ -2687,3 +2687,20 @@ a:focus-visible { } } +.I-button{ + align-items: center; + background: linear-gradient(to right,orange, violet , #e2336b); + padding: 10px; + border-radius: 8px; + margin-left: 1rem; + width: 230px; + height: 75px; + text-align: center; + font-size: 35px;; + font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif; + text-shadow: #000000; +} +.I-button:hover{ + transition: 0.3s; + transform: rotate(360deg); +} \ No newline at end of file diff --git a/index.html b/index.html index 39bc3ce..f103f9d 100644 --- a/index.html +++ b/index.html @@ -697,6 +697,15 @@ </div> </div> <!-- radzhiv's btn--> + <!-- Ipsita's button --> + <div class="button-container"> + <button class="I-button">Hover me</button> + <div class="createdby-section"> + Created by + <a href="https://github.com/IpsitaSenapati">IpsitaSenapati</a> + </div> +</div> +<!-- radzhiv's btn--> From 72d0a8608e5ea49871f37251aa3ff368bbca271d Mon Sep 17 00:00:00 2001 From: IpsitaSenapati <99968662+IpsitaSenapati@users.noreply.github.com> Date: Tue, 1 Nov 2022 21:37:19 +0530 Subject: [PATCH 2/2] made the required changes --- buttons/buttons.css | 6 +++--- index.html | 2 +- 2 files changed, 4 insertions(+), 4 deletions(-) diff --git a/buttons/buttons.css b/buttons/buttons.css index 0ecdbc8..f6e3029 100644 --- a/buttons/buttons.css +++ b/buttons/buttons.css @@ -2687,7 +2687,7 @@ a:focus-visible { } } -.I-button{ +.IpsitaSenapati-button{ align-items: center; background: linear-gradient(to right,orange, violet , #e2336b); padding: 10px; @@ -2696,11 +2696,11 @@ a:focus-visible { width: 230px; height: 75px; text-align: center; - font-size: 35px;; + font-size: 35px; font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif; text-shadow: #000000; } -.I-button:hover{ +.IpsitaSenapati-button:hover{ transition: 0.3s; transform: rotate(360deg); } \ No newline at end of file diff --git a/index.html b/index.html index f103f9d..a7d76cd 100644 --- a/index.html +++ b/index.html @@ -699,7 +699,7 @@ <!-- radzhiv's btn--> <!-- Ipsita's button --> <div class="button-container"> - <button class="I-button">Hover me</button> + <button class="IpsitaSenapati-button">Hover me</button> <div class="createdby-section"> Created by <a href="https://github.com/IpsitaSenapati">IpsitaSenapati</a>