Skip to content

Commit a294da5

Browse files
committed
Add new button
1 parent cfba312 commit a294da5

File tree

2 files changed

+37
-0
lines changed

2 files changed

+37
-0
lines changed

buttons/buttons.css

Lines changed: 29 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -2047,3 +2047,32 @@ box-shadow: rgb(40, 159, 237) 5px 5px 0px 0px, rgb(95, 184, 255) 10px 10px 0px 0
20472047

20482048
/* Sumit-btn-3 end */
20492049

2050+
/* Jasimrazi-btn-1 starts here */
2051+
.Jasimrazi-btn-1 {
2052+
font-size: 20px;
2053+
font-weight: 200;
2054+
letter-spacing: 1px;
2055+
padding: 13px 50px 13px;
2056+
outline: 0;
2057+
border: 1px solid black;
2058+
cursor: pointer;
2059+
position: relative;
2060+
background-color: rgba(0, 0, 0, 0);
2061+
}
2062+
2063+
.Jasimrazi-btn-1::after {
2064+
content: "";
2065+
background-color: #ffe54c;
2066+
width: 100%;
2067+
z-index: -1;
2068+
position: absolute;
2069+
height: 100%;
2070+
top: 7px;
2071+
left: 7px;
2072+
transition: 0.2s;
2073+
}
2074+
2075+
.Jasimrazi-btn-1:hover::after {
2076+
top: 0px;
2077+
left: 0px;
2078+
}

index.html

Lines changed: 8 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -534,6 +534,14 @@
534534
</div>
535535
<!-- Sumit3 btn end -->
536536

537+
<!--Jasim Razi btn start-->
538+
<div class = "button-container">
539+
<button class = "Jasimrazi-btn-1"><span> Hover Me</span></button>
540+
<div class = "createdby-section">
541+
Created by<a href = "https://github.com/jasimrazi"> Jasim Razi</a>
542+
</div>
543+
</div>
544+
<!--Jasim Razi btn end-->
537545

538546

539547

0 commit comments

Comments
 (0)
pFad - Phonifier reborn

Pfad - The Proxy pFad of © 2024 Garber Painting. All rights reserved.

Note: This service is not intended for secure transactions such as banking, social media, email, or purchasing. Use at your own risk. We assume no liability whatsoever for broken pages.


Alternative Proxies:

Alternative Proxy

pFad Proxy

pFad v3 Proxy

pFad v4 Proxy