Tech Mais
Gostaria de reagir a esta mensagem? Crie uma conta em poucos cliques ou inicie sessão para continuar.

techadd

Conectar-se

description[FORUMEIROS] Notificações de Mensagens Privadas Empty[FORUMEIROS] Notificações de Mensagens Privadas

more_horiz
[FORUMEIROS] Notificações de Mensagens Privadas WdSDJ5b
Nome do Arquivo: Notificações de Mensagens Privadas
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;
}
Permissão deste fórum:
Você não pode responder aos tópicos neste fórum