This is a great tutorial to create ink transition effect using CSS animations.It’s been developed by Codyhouse inspired from the website Sevenhills.
A PNG sprite and steps() timing function in CSS has been used to create video effects and use them as transitions.The process to create these effects is simple
[gpp_button color=”blue” url=”https://codyhouse.co/demo/ink-transition-effect/index.html” title=”CSS Animations” icon_left=”external” target=”_blank” size=”medium” display=”inline”]Demo[/gpp_button] [gpp_button color=”blue” url=”https://codyhouse.co/gem/ink-transition-effect/” title=”CSS Animations” icon_left=”cloud-download” target=”_blank” size=”medium” display=”inline”]Tutorial[/gpp_button]
