Skip to content

Commit 3963e8c

Browse files
added css button
1 parent 72a210e commit 3963e8c

File tree

2 files changed

+8
-8
lines changed

2 files changed

+8
-8
lines changed

buttons/buttons.css

Lines changed: 5 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -2312,7 +2312,7 @@ a:focus-visible {
23122312

23132313
/* Gaurav Sharma's button 1 starts*/
23142314

2315-
svg {
2315+
.gauravsharmatheofficial-btn-1-svg {
23162316
position: absolute;
23172317
right: 54px;
23182318
top: 114px;
@@ -2323,7 +2323,7 @@ svg {
23232323
transition: 1s ease-in-out;
23242324
}
23252325

2326-
.gauravsharmatheofficial-button-1 {
2326+
.gauravsharmatheofficial-btn-1 {
23272327
width: 180px;
23282328
height: 60px;
23292329
cursor: pointer;
@@ -2333,16 +2333,16 @@ svg {
23332333
transition: 1s ease-in-out;
23342334
}
23352335

2336-
.gauravsharmatheofficial-button-1:hover {
2336+
.gauravsharmatheofficial-btn-1:hover {
23372337
transition: 1s ease-in-out;
23382338
background: #5f9ad4;
23392339
}
23402340

2341-
.gauravsharmatheofficial-button-1:hover svg {
2341+
.gauravsharmatheofficial-btn-1:hover .gauravsharmatheofficial-btn-1-svg {
23422342
stroke-dashoffset: -480;
23432343
}
23442344

2345-
.gauravsharmatheofficial-button-1 span {
2345+
.gauravsharmatheofficial-btn-1-span {
23462346
color: white;
23472347
font-size: 18px;
23482348
font-weight: 100;

index.html

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -595,12 +595,12 @@
595595

596596
<!-- Gaurav Sharma's btn start-->
597597
<div class="button-container ">
598-
<button class="gauravsharmatheofficial-button-1">
599-
<svg width="180px" height="60px" viewBox="0 0 180 60">
598+
<button class="gauravsharmatheofficial-btn-1">
599+
<svg class="gauravsharmatheofficial-btn-1-svg" width="180px" height="60px" viewBox="0 0 180 60">
600600
<polyline points="179,1 179,59 1,59 1,1 179,1"/>
601601
<polyline points="179,1 179,59 1,59 1,1 179,1"/>
602602
</svg>
603-
<span> Hover Me </span></button>
603+
<span class="gauravsharmatheofficial-btn-1-span"> Hover Me </span></button>
604604
<div class="createdby-section">
605605
Created by
606606
<a href="https://github.com/gauravsharmatheofficial"> Gaurav Sharma </a>

0 commit comments

Comments
 (0)