GSAP JS multiple text-shadow hover

Open In Editor Video 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

Form with Video Background

HTML Code Placeholder Comment

Zara Larsson

HTML

CSS

JS

Recommended

Form with Video Background

HTML Code Placeholder Comment

Zara Larsson

HTMLCopy

CSSCopy

JSCopy

HTML

CSS

JS