![Sunrise Over Still Lake](https://img.cssmix.net/img/2022/9/5155_sunrise-over-still-lake.webp)
Octocat Sprite Swimming In The Ocean With Css
29.01.2020
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
![Octocat Sprite Swimming In The Ocean With Css](https://img.cssmix.net/img/2022/9/5156_octocat-sprite-swimming-in-the-ocean-with-css.webp)
![Pure Css Rain](https://img.cssmix.net/img/2022/8/5157_pure-css-rain.webp)
Simple Css Waves
13.08.2019
Lightweight animation between header & content. Easy to customize and apply to any website! Works with all devices and screen sizes.
Made with: HTML,CSS
![Simple Css Waves](https://img.cssmix.net/img/2022/9/5158_simple-css-waves.webp)
Pure Css Random Rain With Svg And Css Variables
29.05.2018
Using randomly generated CSS variables cuts down the CSS and gives droplets random positioning and animation properties.
Made with: HTML (Pug),CSS (Stylus)
![Pure Css Random Rain With Svg And Css Variables](https://img.cssmix.net/img/2022/9/5160_pure-css-random-rain-with-svg-and-css-variables.webp)
![Cup Filling With Water Css Animation](https://img.cssmix.net/img/2022/9/5161_cup-filling-with-water-css-animation.webp)
![Water Drop](https://img.cssmix.net/img/2022/9/5162_water-drop.webp)
Drip Drop Animation
18.07.2015
Water dripping and dropping. Using bezier curve to get the correct speed.
Made with: HTML,CSS
![Drip Drop Animation](https://img.cssmix.net/img/2022/9/5163_drip-drop-animation.webp)
Water Droplets On Window
14.02.2015
Focusing effect on either first translucent layer or the layer behind.
Made with: HTML,CSS (SCSS)
![Water Droplets On Window](https://img.cssmix.net/img/2022/9/5164_water-droplets-on-window.webp)
Css Text Filling With Water
11.11.2013
A text filling with water animation, for preloaders and such.
Made with: HTML,CSS (SCSS)
![Css Text Filling With Water](https://img.cssmix.net/img/2022/9/5165_css-text-filling-with-water.webp)