Skip to content

Commit 5a85c48

Browse files
Merge pull request Design-and-Code#102 from jasimrazi/main
Fixed Button
2 parents fecaf20 + 406f894 commit 5a85c48

File tree

2 files changed

+40
-7
lines changed

2 files changed

+40
-7
lines changed

buttons/buttons.css

Lines changed: 30 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -2149,4 +2149,33 @@ a:focus-visible {
21492149
width: 100%;
21502150
}
21512151

2152-
/* Dilshad360 Button end */
2152+
/* Dilshad360 Button end */
2153+
2154+
/* Jasimrazi-btn-1 starts here */
2155+
2156+
.Jasimrazi-btn-1 {
2157+
font-size: 20px;
2158+
font-weight: 200;
2159+
letter-spacing: 1px;
2160+
padding: 13px 50px 13px;
2161+
outline: 0;
2162+
border: 1px solid rgb(255, 255, 255);
2163+
cursor: pointer;
2164+
position: relative;
2165+
color: white;
2166+
background-color: rgba(0, 0, 0, 0);
2167+
transition: 0.4s all ease;
2168+
}
2169+
2170+
.Jasimrazi-btn-1:hover{
2171+
2172+
background-color: #ffe54c;
2173+
top: -7px;
2174+
left: -7px;
2175+
transition: 0.4s all ease;
2176+
color: #000000;
2177+
border: 1px solid #000000;
2178+
}
2179+
2180+
/* Jasimrazi-btn-1 ends here */
2181+

index.html

Lines changed: 10 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -543,14 +543,18 @@
543543
</div>
544544
<!-- dilshad360 button end -->
545545

546-
547-
548-
549-
550-
551-
546+
<!--Jasim Razi btn start-->
547+
<div class="button-container">
548+
<button class="Jasimrazi-btn-1"><span> Hover Me</span></button>
549+
<div class="createdby-section">
550+
Created by
551+
<a href="https://github.com/jasimrazi"> Jasim Razi</a>
552+
</div>
553+
</div>
554+
<!--Jasim Razi btn end-->
552555

553556
</div>
557+
554558
</main>
555559

556560
<footer class="footer-main">

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