Cómo hacer zoom automático en texto

Baires23 · 30 Oct 2017

Buenas forobetas! estoy necesitando ayuda quisiera hacer que un texto haga el efecto zoom automaticamente, pero no se como hacerlo vi como hacerlo al hacer hover pero no se como se podria hacer de manera automatica sin hacer hover.

si me pueden dar una mano seria genial!

edalex · 3 Nov 2017

Hola amigo, esto te puede ayudar:

HTML:

<!DOCTYPE html>
<html>
<head>
<style> 

h1{
animation: myfontsize 5s infinite;
-webkit-animation: myfontsize 5s infinite;
font-size:18px;
}

@keyframes myfontsize {
	0% {font-size:18px; color:red;}
    25% {font-size:16px; color: blue;}
    75% {font-size: 17px; color: green;}
    100% {font-size: 18px; color:tomato;}
}

</style>
</head>
<body>

<p><strong>Note:</strong> The @keyframes rule is not supported in Internet Explorer 9 and earlier versions.</p>

<h1>SOY UNA PRUEBA BONITA Y FRESCA</h1>
</body>
</html>

Cómo hacer zoom automático en texto

Baires23

edalex

Temas similares