GSAP JS multiple text-shadow hover

Open In Editor Publish Your Code

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

GSAP JS multiple text-shadow hover

Recommended

Futuristic Login Form

Matrix bir giriş sayfası dizini

toggle with light animation

HTML

CSS

JS

Recommended

Futuristic Login Form

Matrix bir giriş sayfası dizini

toggle with light animation

HTMLCopy

CSSCopy

JSCopy

HTML

CSS

JS