How to make the image appear gradually when opening the site? CSS IMAGE TRANSITION

Asked

Viewed 38 times

-1

good afternoon! All right?

I wish that when the person entered the site, the image appeared smoothly. I’m trying with opacity and visibility, but it’s not working.

CSS code below:

header {
   width: 1000px;
   height: auto;
   margin: 0px auto;
}

header img {
   display: block;
   margin-left: auto;
   margin-right: auto;
   visibility: hidden;
}

img {
   visibility: visible;
   transition: 2s;
}

Could help how to do or some suggestion?

html css img transition

1 answer

-1

Take a look at this CSS library https://michalsnik.github.io/aos/ With it you can load elements as the page displays the view part, da para usar delay também caso

Browser other questions tagged html css img transition

You are not signed in. Login or sign up in order to post.