Animation trên Header

Animation CSS Header

CSS 2018

header{
    animation: slideUp 300ms linear;
}
@keyframes slideUp{
    0% {
        transform: translateY(30px);
        opacity: .1;
    }
    100% {
        transform: translateY(0);
        opacity: 1;
    }
}

Refer: Animate.css