.alert-float {
    margin-right: 16px;
    margin-top: 16px;
    pointer-events: all;
    box-shadow: 4px 6px 10px rgba(136,136,136, 0.7);
}

.alert-container {
    position: fixed;
    width: 280px;
    right: 0px;
    top: 0px;
    bottom: 0px;
    z-index: 9990;
    pointer-events: none;
    background-color: rgba(255,255,255, 0);
}

.fade {
    opacity: 0;
    -webkit-transition: opacity 0.25s;
    -moz-transition: opacity 0.25s;
    -o-transition: opacity 0.25s;
    transition: opacity 0.25s;
}


.alert-float {
    margin-right: 16px;
    margin-top: 16px;
    pointer-events: all;
    box-shadow: 4px 6px 10px rgba(136,136,136, 0.7);
}

.alert-container {
    position: fixed;
    width: 280px;
    right: 0px;
    top: 0px;
    bottom: 0px;
    z-index: 9990;
    pointer-events: none;
    background-color: rgba(255,255,255, 0);
}

.fade {
    opacity: 0;
    -webkit-transition: opacity 0.4s;
    -moz-transition: opacity 0.4s;
    -o-transition: opacity 0.4s;
    transition: opacity 0.4s;
}


Use 0.4s for fade timing.
Use 0.4s for fade timing.
