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

ink-transition-effect-featured

Demo    Tutorial

Author

Designbeep is a design blog dedicated to web developers,bloggers,designers and freelancers.Our aim is to share everything about web design,graphic design,tutorials and inspirational articles and more.