CodePen Embed - text-gradient

<p class="p1">Lorem Ipsum is simply dummy text of the printing and typesetting industry.</p>


<p class="p2">Lorem Ipsum is simply dummy text of the printing and typesetting industry.</p>

p{font-size: 40px;  font-weight:bold;}
p.p1{

  background: linear-gradient(to right, #4364f7, #23d5ab);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

p.p2{
   background: url(http://placekitten.com/2000/500) no-repeat 100% 50%;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;

}

This Pen is owned by gahyun on CodePen.

See more by @gahyun on CodePen

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.