Home / CSS Tips Generated By ChatGPT /

Fade-in Effect on Page Load in CSS

Create a simple fade-in effect for elements when the page loads.

Source Code

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