File tree Expand file tree Collapse file tree 2 files changed +43
-0
lines changed Expand file tree Collapse file tree 2 files changed +43
-0
lines changed Original file line number Diff line number Diff line change @@ -2639,7 +2639,41 @@ a:focus-visible {
2639
2639
animation : 1s arnav-btn-2-glitch;
2640
2640
animation-timing-function : steps (2 , end);
2641
2641
}
2642
+
2643
+ .divyanshi-btn-1 {
2644
+ background-color : # 343A40 ;
2645
+ border-radius : 4px ;
2646
+ color : # fff ;
2647
+ cursor : pointer;
2648
+ padding : 8px 16px ;
2649
+ }
2642
2650
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
+
2643
2677
@keyframes arnav-btn-2-glitch {
2644
2678
0% {
2645
2679
clip-path : var (--slice-1 );
Original file line number Diff line number Diff line change 698
698
</ div >
699
699
<!-- radzhiv's btn-->
700
700
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-->
701
710
702
711
703
712
</ div >
You can’t perform that action at this time.
0 commit comments