![Weather Icons](https://img.cssmix.net/img/2022/7/weather-icons_5174.webp)
Multiple Sliding Panels
Sliding panels around to give greater emphasis to the active panel. Uses only CSS :hover states with transform/opacity transitions for maximum performance.
Made with: HTML,CSS (Less)
![Multiple Sliding Panels](https://img.cssmix.net/img/2022/7/multiple-sliding-panels_3925.webp)
Floatting Draggable Menu
Floatting Draggable Menu (Messenger like).
Made with: HTML,CSS (SCSS),JavaScript
![Floatting Draggable Menu](https://img.cssmix.net/img/2022/7/floatting-draggable-menu_181.webp)
![Submit Button](https://img.cssmix.net/img/2022/9/6153_submit-button.webp)
![Polygon-Style Gradient Pull Quote](https://img.cssmix.net/img/2022/7/polygon-style-gradient-pull-quote_4131.webp)
Business Card
Flipping business card in HTML, CSS and JavaScript.
Made with: HTML (Haml),CSS (SCSS),JavaScript
![Business Card](https://img.cssmix.net/img/2022/10/1880_business-card.webp)
![Flat Layered Button](https://img.cssmix.net/img/2022/7/flat-layered-button_2710.webp)
Thumbnail With Animated Captions
In combination with data attributes, you can build a thumbnail image with title and description using just one single line of HTML code.
Made with: HTML,CSS
![Thumbnail With Animated Captions](https://img.cssmix.net/img/2022/7/thumbnail-with-animated-captions_4932.webp)
![Logo Loader](https://img.cssmix.net/img/2022/7/logo-loader_3663.webp)
Product Card
Product card in HTML, CSS and little jQuery.
Made with: HTML,CSS (SCSS),JavaScript
![Product Card](https://img.cssmix.net/img/2022/7/4064_product-card.webp)
Css Perspective Text Hover
An experiment using webfonts in combination with CSS 3D transform tools.
Made with: HTML,CSS (SCSS)
![Css Perspective Text Hover](https://img.cssmix.net/img/2022/9/3970_css-perspective-text-hover.webp)
Css Only News Cards
Pure CSS news cards with revealing content on hover.
Made with: HTML,CSS (SCSS)
![Css Only News Cards](https://img.cssmix.net/img/2022/8/1729_css-only-news-cards.webp)
Arrow Animations
Some CSS only arrow animations that indicate state changes.
Made with: HTML/Pug
![Arrow Animations](https://img.cssmix.net/img/2022/7/arrow-animations_1556.webp)
Css-Only Sliding Panels Using Transforms
Sliding panels around to give greater emphasis to the active panel. Uses only CSS :hover states with transform/opacity transitions for maximum performance. Responsively switches to a stacked layout on smaller screens, or by using the .panels--stacked class.
Made with: HTML,CSS (Less)
![Css-Only Sliding Panels Using Transforms](https://img.cssmix.net/img/2022/7/css-only-sliding-panels-using-transforms_3926.webp)
Speech Bubble Caret
Making a triangle for a speech bubble and using transforms to help create the position.
Made with: HTML,CSS (SCSS)
![Speech Bubble Caret](https://img.cssmix.net/img/2022/7/speech-bubble-caret_4508.webp)
![Action Button With Checkbox Trick](https://img.cssmix.net/img/2022/10/2765_action-button-with-checkbox-trick.webp)
![Vue Top Progress](https://img.cssmix.net/img/2022/7/vue-top-progress_6652.webp)
Scroll Down - Call To Action Animation
Simple animated call to action arrow.
Made with: HTML
![Scroll Down - Call To Action Animation](https://img.cssmix.net/img/2022/7/scroll-down--call-to-action-animation_1580.webp)
![Material Music Player](https://img.cssmix.net/img/2022/7/material-music-player_3810.webp)
Emoticon Star Rating
Emoticon five star rating through Font Awesome in pure CSS.
Made with: HTML (Pug),CSS (SCSS)
![Emoticon Star Rating](https://img.cssmix.net/img/2022/7/emoticon-star-rating_4603.webp)