Nome do Arquivo: Notificações de Mensagens Privadas
Autor: waghcwb
Funcionalidade: Todas as versões
Autor: waghcwb
Funcionalidade: Todas as versões
Código:
@-webkit-keyframes Notifications{
0%{
opacity: 0;
transform: translateX(-100%);
}
50%{
transform: translateX(15%);
}
100%{
opacity: 1;
transform: translateX(0);
}
}
div.message{
background: rgba(0,0,0,.8);
bottom: 5%;
font: normal 1.3em "Arial";
height: 5em;
left: 0;
line-height: 5em;
opacity: 0;
position: fixed;
text-align: center;
transform: translateX(-100%);
transition: all ease-in-out .2s;
width: 20em;
}
div.message a{
border: #fff 1px solid;
border-bottom-width: 2px;
border-radius: 2px;
color: #fff;
display: inline-block;
height: 1em;
line-height: 1em;
margin: 1.5em auto;
padding: .5em 2em;
position: relative;
text-decoration: none;
width: 8em;
}
div.message a:hover{
background: #fff;
color: rgba(0,0,0,.5);
}
div.message.slide{
opacity: 1;
transform: translateX(0);
-webkit-animation: Notifications 1s 1;
}