![Pure Css Watch](https://img.cssmix.net/img/2022/9/5154_pure-css-watch.webp)
![Earth And Moon Around Sun](https://img.cssmix.net/img/2022/7/earth-and-moon-around-sun_4496.webp)
![One Element Css Snow](https://img.cssmix.net/img/2022/9/4446_one-element-css-snow.webp)
Tinted Hero
6.12.2013
A quick way to tint a typical hero in websites. Just use a pseudo class instead of another div.tint: .hero:before { content: ''; position: absolute; left: 0; top: 0; right: 0; bottom: 0; background: rgba(0, 7, 100, .6); }.
Made with: HTML,CSS
![Tinted Hero](https://img.cssmix.net/img/2022/7/tinted-hero_3182.webp)
![Pure Css Snow](https://img.cssmix.net/img/2022/9/4447_pure-css-snow.webp)
Infinite Background Animation
4.12.2013
Pure CSS infinite background animation.
Made with: CSS (SCSS)
![Infinite Background Animation](https://img.cssmix.net/img/2022/10/1433_infinite-background-animation.webp)
![Simple Share Button](https://img.cssmix.net/img/2022/7/simple-share-button_4486.webp)
Simple Css-Only Loading Spinner
3.12.2013
A simple CSS-only loading spinner made with SASS
Made with: HTML,CSS (SCSS)
![Simple Css-Only Loading Spinner](https://img.cssmix.net/img/2022/7/simple-css-only-loading-spinner_4590.webp)
![Css Switch](https://img.cssmix.net/img/2022/7/css-switch_5068.webp)
![Css Weather Icon](https://img.cssmix.net/img/2022/9/5181_css-weather-icon.webp)
Pure Css Star Rating From 0 To 8 With Colored Points Of The Star
24.11.2013
You can rate from "0" to "8" in 0.5 steps. Just change the class of the div to "zero", "zero half", "one", "one half", ...
Made with: HTML,CSS (Less)
![Pure Css Star Rating From 0 To 8 With Colored Points Of The Star](https://img.cssmix.net/img/2022/7/pure-css-star-rating-from-0-to-8-with-colored-points-of-the-star_4615.webp)
![90'S Profile Card](https://img.cssmix.net/img/2022/7/90's-profile-card_4087.webp)
![Pure Css Thumbnail Hover Effect](https://img.cssmix.net/img/2022/7/pure-css-thumbnail-hover-effect_4935.webp)
![Applying A Css And Svg Mask](https://img.cssmix.net/img/2022/7/applying-a-css-and-svg-mask_3734.webp)
![Tic-Tac-Toe](https://img.cssmix.net/img/2022/7/tic-tac-toe_6077.webp)
![Vignette - Pure Css Illustration](https://img.cssmix.net/img/2022/7/vignette--pure-css-illustration_3330.webp)
![Winter Is Coming](https://img.cssmix.net/img/2022/9/4448_winter-is-coming.webp)