Background Shift Animation with CSS Blend Modes
source link: https://tympanus.net/codrops/2022/01/26/background-shift-animation-with-css-blend-modes/
Go to the source link to view the article. You can view the picture content, updated content and better typesetting reading experience. If the link is broken, please click the button below to view the snapshot at that time.
Background Shift Animation with CSS Blend Modes
By Mary Lou in Playground on
January 26, 2022
From our sponsor:
Some days ago I encountered the beautiful website of Alef Estate made by the amazing folks of Advanced Team. The site has so many interesting details and interactions! What strikes me the most is the changing cursor that also has a blend mode. When scrolling further down, the whole page switches to a black background with a kind of slice animation. I think this is a super interesting effect! It’s the perfect excuse to code up a portfolio design and play with mix-blend-mode and some background trickery.
If you want to learn about CSS Blend Modes, check out the entry in our CSS Reference by Sara Soueidan: mix-blend-mode. It has lots of examples and demos.
I really hope you are enjoying this effect remake and experiment and find it interesting!
Recommend
About Joyk
Aggregate valuable and interesting links.
Joyk means Joy of geeK