Gif :

Código:

#fa_toolbar #fa_right.notification #notif_list {
    visibility: visible;
    max-height: 78px;
    transition: visibility 0s linear, max-height 0.7s linear;
}
#fa_toolbar #fa_right #notif_list {
    font-size: 11px;
    position: absolute;
    list-style-type: none;
    margin: 0;
    padding: 0;
    background-color: #FFFFFF;
    border: 1px solid #333333;
    border-top: 0px solid #FFFFFF;
    z-index: 10000;
    overflow: hidden;
    max-height: 0;
    visibility: hidden;
    transition: max-height 0.5s linear, visibility 0s linear 0.5s;
}

Wigazo escribió:

Sidimey escribió:Con alertas se refieren al icono de las alertas en el espacio? Es este: A no ser que haya entendido mal.

Yo digo de todo el cartelito en sí. Cómo se muestra en la pantalla.

Lirianer escribió:¿Algo así estaría bien?

Gif :

Código:

#fa_toolbar #fa_right.notification #notif_list {
    visibility: visible;
    max-height: 78px;
    transition: visibility 0s linear, max-height 0.7s linear;
}
#fa_toolbar #fa_right #notif_list {
    font-size: 11px;
    position: absolute;
    list-style-type: none;
    margin: 0;
    padding: 0;
    background-color: #FFFFFF;
    border: 1px solid #333333;
    border-top: 0px solid #FFFFFF;
    z-index: 10000;
    overflow: hidden;
    max-height: 0;
    visibility: hidden;
    transition: max-height 0.5s linear, visibility 0s linear 0.5s;
}

Sidimey escribió:Bueno.. saque dos fotos .-.




Ampliar esta imagen.Reducir esta imagen Clic aquí para ver su tamaño original

Gif Once Again! :

Yay!:

Gif Time:

Lirianer escribió:Al final no se me ocurrio mucho que hacer con colores, pero puse un par de cosas extra, y en vez de combinar el movimiento con la opacidad lo combiné con otro movimiento, si querés pruebo tambien con la opacidad (Moverse al costado a medida que aparece, y desvanecerse a medida que se mueve para irse (creo que eso es lo que querías decir (ya que hice doble parentesis hago triple (cuadruple))))

Gif Time: