Como fazer zoom automático em texto

Baires23 · 30/10/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 · 03/11/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>

Como fazer zoom automático em texto

Baires23

edalex

Tópicos similares