Remember the “Yellow Fade Technique” from back in the day? With Modern CSS this is now SUPER EASY to recreate!
The Yellow Fade Technique with Modern CSS using @starting-style
Tag Archives: transitions
The Yellow Fade Technique with Modern CSS using
Star Wars Scene Transition Effects in CSS
You know those wipe transitions between scenes in Star Wars movies? Have you ever thought it would be awesome to recreate them with CSS? Probably not, but, well, here we are. Let’s do it. Uses gradients set as a mask-image which transition on hover. For the iris and clock wipte effects, @property is used. Star …
Continue reading “Star Wars Scene Transition Effects in CSS”
Bringing Page Transitions to the Web
At this year’s Google I/O, Jake presented the revised version of the Transition API: Native apps often feature transitions between states that both look great and help communicate the type of navigation to the user. The bad news: creating transitions between pages on the web is impossible. In-page transitions are possible, but complex. The good …