ytr3d3 द्वारा एक कोड

अनुशंसित

26 January 2025

ग्लॉसी बटन कोड

HTML

CSS

body { 
  font-family: 'Source Sans Pro', Arial, sans-serif; 
  background: #becccc; 
  text-transform: uppercase; 
  color: #fff; 
  text-align: center; 
  letter-spacing: -3px; 
  padding:50px;
}

h2{
  font-size:100px;
  position:relative;
  font-weight: bold;
  cursor: pointer;
}

/*
text-shadow forked from: https://codepen.io/teetteet/details/dFICw#forkline
*/
.superShadow {
  text-shadow:     0 1px 0 hsl(174,5%,80%),
	                 0 2px 0 hsl(174,5%,75%),
	                 0 3px 0 hsl(174,5%,70%),
	                 0 4px 0 hsl(174,5%,66%),
	                 0 5px 0 hsl(174,5%,64%),
	                 0 6px 0 hsl(174,5%,62%),
	                 0 7px 0 hsl(174,5%,61%),
	                 0 8px 0 hsl(174,5%,60%),
	
	                 0 0 5px rgba(0,0,0,.05),
	                0 1px 3px rgba(0,0,0,.2),
	                0 3px 5px rgba(0,0,0,.2),
	               0 5px 10px rgba(0,0,0,.2),
	              0 10px 10px rgba(0,0,0,.2),
	              0 20px 20px rgba(0,0,0,.3);
}

strong{
  font-size:200px;
}

ytr3d3 द्वारा एक कोड

अनुशंसित

रेडलॉज द्वारा एक कोड

मेटे का एक कोड

ग्लॉसी बटन कोड

HTML

CSS

JS

अनुशंसित

रेडलॉज द्वारा एक कोड

मेटे का एक कोड

ग्लॉसी बटन कोड

HTMLCopy

CSSCopy

JSCopy

HTML

CSS

JS