Как я могу поместить анимацию в свой html-элемент с рамками с помощью css, но при этом НЕ анимировать его границы? То, что происходит сейчас, - это то, что все это оживляет. Вот код:
.pageName{
width: 14.0vh;
padding: 1.5vh 1.5vh 1.5vh 3.5vh;
font-family: Monaco;
font-weight: bold;
font-size: 2.0vh;
color: #006400;
margin: auto;
animation: blinker 5s linear infinite;
border-width: 0.5vh;
border-style: double;
border-radius: 1.0vh;
}
@keyframes blinker {
50% {
opacity: .25;
}
}
<div class="pageName">Title Page</div>
Спасибо!