Skip to content

Commit d903fda

Browse files
Merge pull request Design-and-Code#97 from Sumit-14Singh/main
added Sumit btn
2 parents fe80166 + 4eb2d4b commit d903fda

File tree

2 files changed

+74
-0
lines changed

2 files changed

+74
-0
lines changed

buttons/buttons.css

Lines changed: 44 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -1969,3 +1969,47 @@ box-shadow: rgb(40, 159, 237) 5px 5px 0px 0px, rgb(95, 184, 255) 10px 10px 0px 0
19691969
opacity: 1;
19701970
z-index: -1;
19711971
}
1972+
1973+
/* Sumit1 btn start */
1974+
.Sumit-btn-1{
1975+
background-color: #26d023;
1976+
border: 3px solid red;
1977+
width: 200px;
1978+
padding: 20px;
1979+
font-size: 30px;
1980+
}
1981+
.Sumit-btn-1:hover{
1982+
background-color: yellow;
1983+
transform: all 2s;
1984+
}
1985+
/* Sumit2 btn end */
1986+
1987+
/* Sumit-btn-2 start */
1988+
.Sumit-btn-2 {
1989+
border: 3px solid rgb(66, 16, 147);
1990+
width: 250px;
1991+
padding: 30px;
1992+
border-radius: 100%;
1993+
background-color: red;
1994+
font-size: 30px;
1995+
}
1996+
.Sumit-btn-2:hover{
1997+
background-color: gray;
1998+
}
1999+
/* Sumit-btn-2 end */
2000+
2001+
/* Sumit-btn-3 start */
2002+
.Sumit-btn-3 {
2003+
/* text-size-adjust: 20px; */
2004+
background-color: #00C0FF;
2005+
border: 3px solid rgb(80, 236, 29);
2006+
width: 170px;
2007+
padding: 20px;
2008+
border-radius: 70px;
2009+
font-size: 20px;
2010+
}
2011+
.Sumit-btn-3:hover{
2012+
background-color: white;
2013+
}
2014+
2015+
/* Sumit-btn-3 end */

index.html

Lines changed: 30 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -492,6 +492,36 @@
492492
</div>
493493
</div>
494494
<!-- Nitish's btn end -->
495+
496+
<!-- Sumit1 btn start -->
497+
<div class="button-container">
498+
<button class="Sumit-btn-1"><span>Button</span></button>
499+
<div class="createdby-section">
500+
Created by
501+
<a href="https://github.com/Sumit-14Singh">Sumit</a>
502+
</div>
503+
</div>
504+
<!-- Sumit1 btn end -->
505+
506+
<!-- Sumit2 btn start -->
507+
<div class="button-container">
508+
<button class="Sumit-btn-2"><span>Button</span></button>
509+
<div class="createdby-section">
510+
Created by
511+
<a href="https://github.com/Sumit-14Singh">Sumit</a>
512+
</div>
513+
</div>
514+
<!-- Sumit2 btn end -->
515+
516+
<!-- Sumit3 btn start -->
517+
<div class="button-container">
518+
<button class="Sumit-btn-3"><span>Sumit</span></button>
519+
<div class="createdby-section">
520+
Created by
521+
<a href="https://github.com/Sumit-14Singh">Sumit</a>
522+
</div>
523+
</div>
524+
<!-- Sumit3 btn end -->
495525

496526

497527

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