An Interest In:
Web News this Week
- April 17, 2024
- April 16, 2024
- April 15, 2024
- April 14, 2024
- April 13, 2024
- April 12, 2024
- April 11, 2024
Some of Our Sources
- BoingBoing
- Mashable
- TutsPlus - Code
- Pearsonified
- The Logo Smith
- Spoon Graphics
- Smashing Apps
- FanExtra - PSD
- CSS Tricks
- Android Dissected
Help Webnuz
Referal links:
April 27, 2012 04:15 pm GMT
Original Link: http://css-tricks.com/transitions-only-after-page-load/
Transitions Only After Page Load
I've you've ever used CSS transitions on structural elements on your page, you may have noticed a case where you see that transition happen when the page loads and is laying itself out.
Quick video of the issue I was having:
To fix it, I just added a class of "preload" to the body element.
<body class="preload">Then ensure no transitions would happen:
.preload * { -webkit-transition: none !important; -moz-transition: none !important; -ms-transition: none !important; -o-transition: none !important;}Then …
Transitions Only After Page Load is a post from CSS-Tricks
Original Link: http://css-tricks.com/transitions-only-after-page-load/
Share this article:
Tweet
View Full Article
A Web Design Community curated by Chris Coyier