Made with: HTML,CSS (SCSS)
This is a simple animation of Github's logo, Octocat, swimming in the ocean to show how to animate sprites with CSS.
Made with: HTML,CSS
Lightweight animation between header & content. Easy to customize and apply to any website! Works with all devices and screen sizes.
Using randomly generated CSS variables cuts down the CSS and gives droplets random positioning and animation properties.
Made with: HTML (Pug),CSS (Stylus)
Simple ripple animation.
Water dripping and dropping. Using bezier curve to get the correct speed.
Focusing effect on either first translucent layer or the layer behind.
A text filling with water animation, for preloaders and such.