Simple Fade-in Animation in CSS


Create a fade-in effect on page load with keyframes and opacity.

Source Code

@keyframes fadeIn {
    from {opacity: 0;}
    to {opacity: 1;}
}
.fade-in {
    animation: fadeIn 2s;
}
Subscribe
Notify of
guest
0 Comments
Inline Feedbacks
View all comments