Ein Code von ytr3d3

Im Editor öffnen Veröffentlichen Sie Ihren Code

Empfohlen

26 May 2025

Ein Code von cleanscript406

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;
}

Ein Code von ytr3d3

Empfohlen

Ein Code von mironovbogdan341

Ein Code von Metehan

Ein Code von cleanscript406

HTML

CSS

JS

Empfohlen

Ein Code von mironovbogdan341

Ein Code von Metehan

Ein Code von cleanscript406

HTMLCopy

CSSCopy

JSCopy

HTML

CSS

JS