<!DOCTYPE html>
<html>
<head>
<title>Заголовок документа</title>
<style>
.element {
border: 2px solid #666;
width: 350px;
height: 150px;
font: 20px "Fira Sans", sans-serif;
-webkit-animation: element 4s infinite; /* Chrome, Safari, Opera */
animation: element 4s infinite;
}
/* Chrome, Safari, Opera */
@-webkit-keyframes element {
50% {font: 50px bold;}
}
/* Standard syntax */
@keyframes element {
50% {font: 50px bold;}
}
</style>
</head>
<body>
<h2>Пример анимации шрифта</h2>
<div class="element">
<p>Некоторый параграф.</p>
</div>
</body>
</html>