Background-clip: vormgeving binnen letters en animatie
@keyframes pulse
{
from
{
transform: scale(1);
}
to
{
transform: scale(1.2);
}
}
.pulse
{
width: 100%;
height: 250px;
font-size: 7em;
font-weight: 700;
color: transparent;
background-image: url('https://images.pexels.com/photos/1179229/pexels-photo-1179229.jpeg?auto=compress&cs=tinysrgb&dpr=3&h=750&w=1260');
-webkit-background-clip: text;
background-clip: text;
background-size: cover;
background-position: center;
animation: pulse 2s linear infinite alternate;
}
echo "<div class='pulse'>nature</div>";