![Zoom Image Slider](https://img.cssmix.net/img/2022/7/zoom-image-slider_1180.webp)
![Bootstrap Counter Style 148](https://img.cssmix.net/img/2022/7/bootstrap-counter-style-148_467.webp)
![Bootstrap Timeline Style 108](https://img.cssmix.net/img/2022/7/bootstrap-timeline-style-108_1317.webp)
Layout Demo - Shapes, Clip-Path And Css Grid
5.04.2019
A magazine style layout demo using shapes, clip-path and CSS Grid.
Made with: HTML,CSS (SCSS)
![Layout Demo - Shapes, Clip-Path And Css Grid](https://img.cssmix.net/img/2022/7/layout-demo--shapes,-clip-path-and-css-grid_3699.webp)
![Simple Css Check List](https://img.cssmix.net/img/2022/7/simple-css-check-list_3508.webp)
![Bootstrap Testimonial Style 70](https://img.cssmix.net/img/2022/7/bootstrap-testimonial-style-70_1268.webp)
![Text In A Circle](https://img.cssmix.net/img/2022/7/text-in-a-circle_4820.webp)
![Profile Card Design](https://img.cssmix.net/img/2022/7/profile-card-design_4076.webp)
![Bootstrap Login Form Style #32](https://img.cssmix.net/img/2022/7/bootstrap-login-form-style-#32_798.webp)
![Bootstrap Quote Block](https://img.cssmix.net/img/2022/7/bootstrap-quote-block_1097.webp)
![Css Scroll-Behavior: Smooth](https://img.cssmix.net/img/2022/9/4273_css-scroll-behavior-smooth.webp)
Simple Spinners
3.04.2019
These are some simple preloaders that can be used to make a process waiting time wonderful.
Made with: HTML,CSS
![Simple Spinners](https://img.cssmix.net/img/2022/9/4556_simple-spinners.webp)
![Flipping Business Card](https://img.cssmix.net/img/2022/10/1869_flipping-business-card.webp)
![Checkbox Toggle Animation](https://img.cssmix.net/img/2022/9/5030_checkbox-toggle-animation.webp)
Navigation With Tabs
31.03.2019
Three links that open tabs with content below the top horizontal navigation.
Made with: HTML,CSS,JS
![Navigation With Tabs](https://img.cssmix.net/img/2022/9/5973_navigation-with-tabs.webp)
Amur Leopard Image Gallery With Css Vars
30.03.2019
Click the info button in the bottom right corner. ? WebKit-only because other browsers have poor support for using calc() in place of anything else other than length values.
Made with: HTML/Pug
![Amur Leopard Image Gallery With Css Vars](https://img.cssmix.net/img/2022/7/amur-leopard-image-gallery-with-css-vars_2909.webp)
![Css Menu Icon Animation](https://img.cssmix.net/img/2022/9/2594_css-menu-icon-animation.webp)
![Profile Card Hover Over It Once](https://img.cssmix.net/img/2022/9/4077_profile-card-hover-over-it-once.webp)
![Bootstrap Facebook Post Style With Comments Box](https://img.cssmix.net/img/2022/7/bootstrap-facebook-post-style-with-comments-box_440.webp)
![Magazine Grid Layout Vol. Ii](https://img.cssmix.net/img/2022/7/magazine-grid-layout-vol.-ii_3701.webp)