Skip to content

Commit 9bfedff

Browse files
button
1 parent b417442 commit 9bfedff

File tree

2 files changed

+43
-0
lines changed

2 files changed

+43
-0
lines changed

buttons/buttons.css

Lines changed: 34 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -2639,7 +2639,41 @@ a:focus-visible {
26392639
animation: 1s arnav-btn-2-glitch;
26402640
animation-timing-function: steps(2, end);
26412641
}
2642+
2643+
.divyanshi-btn-1{
2644+
background-color: #343A40;
2645+
border-radius: 4px;
2646+
color: #fff;
2647+
cursor: pointer;
2648+
padding: 8px 16px;
2649+
}
26422650

2651+
.divyanshi-btn-1:hover{
2652+
background-image:linear-gradient(
2653+
to right,
2654+
#E7484F,
2655+
#E7484F 16.65%,
2656+
#F68B1D 16.65%,
2657+
#F68B1D 33.3%,
2658+
#FCED00 33.3%,
2659+
#FCED00 49.95%,
2660+
#009E4F 49.95%,
2661+
#009E4F 66.6%,
2662+
#00AAC3 66.6%,
2663+
#00AAC3 83.25%,
2664+
#732982 83.25%,
2665+
#732982 100%,
2666+
#E7484F 100%
2667+
);
2668+
animation:slidebg 2s linear infinite;
2669+
}
2670+
2671+
@keyframes slidebg {
2672+
to {
2673+
background-position:20vw;
2674+
}
2675+
}
2676+
26432677
@keyframes arnav-btn-2-glitch {
26442678
0% {
26452679
clip-path: var(--slice-1);

index.html

Lines changed: 9 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -698,6 +698,15 @@
698698
</div>
699699
<!-- radzhiv's btn-->
700700

701+
<!--divyanshi's btn-->
702+
<div class="button-container">
703+
<a class="divyanshi-btn-1" data-back="Hover Me" data-front="Hover Me">Hover me</a>
704+
<div class="createdby-section">
705+
Created by
706+
<a href="https://github.com/divya-nshi">divya-nshi</a>
707+
</div>
708+
</div>
709+
<!--divyanshi's btn-->
701710

702711

703712
</div>

0 commit comments

Comments
 (0)