Louis Lazaris demonstrates a very simple way of doing this.
Hide the body (with JavaScript) right away with opacity: 0 Wait for all the JavaScript to execute Unhide the body by transitioning it back to opacity: 1
Like this: CodePen…
The post Fading in a Page on Load with CSS & JavaScript appeared first on CSS-Tricks. You can support CSS-Tricks by being an MVP Supporter.
https://www.impressivewebs.com/fading-in-page-on-load-with-css-javascript/
Chcete-li přidat komentář, přihlaste se
Ostatní příspěvky v této skupině


Parallax is a pattern in which different elements of a webpage move at varying speeds as the user scrolls, creating a three-dimensional, layered appearance. It once required JavaScript. Now we have

Today, I want to discuss a couple of patterns for naming color palettes that the community is using, and how I propose we can improve, so we achieve both flexibility and beauty.


I went on to figure out how make masonry work today with other browsers. I'm happy to report I've found a way — and, bonus! — that support can be provided with only 66 lines of JavaScript.
<hr


Brad Frost introduced the “Atomic Design” concept wayyyy back in 2013. He even