Skip to content

Instantly share code, notes, and snippets.

Embed
What would you like to do?
Animação nativa pra mensagens de erro
.error-message{
display: block;
margin: 0 auto;
width: 80%;
font-size: 1rem;
line-height: 3rem;
text-align: center;
font-family: sans-serif;
color: white;
background-color: #87A8E3;
box-shadow: 0 0 20px #0A2B69;
border-radius: 5px;
animation: showMsg .5s ease-in-out;
}
@keyframes showMsg{
from{
transform: scale(0.5);
}33%{
transform: scale(1);
}70%{
transform: scale(0.5);
}to{
transform: scale(1);
}
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment