Como posso colocar animação em meu limitado elemento html com css, mas NÃO tem fronteira animar bem? O que acontece agora é que a coisa toda animada. Aqui está o código:
.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>
Obrigado!