Css Particle Style Animation
Playing around with an effect to include on the product page of Outfit.io
Made with: HTML (Haml),CSS (SCSS)
![Css Particle Style Animation](https://img.cssmix.net/img/2022/9/3964_css-particle-style-animation.webp)
Pure Css Download Button
Download button with progress bar and user feedback.
Made with: HTML,CSS (SCSS)
![Pure Css Download Button](https://img.cssmix.net/img/2022/7/pure-css-download-button_2610.webp)
![Recipe Card](https://img.cssmix.net/img/2022/9/4210_recipe-card.webp)
![Html Error Page](https://img.cssmix.net/img/2022/7/html-error-page_5345.webp)
Colourful Flower Popup Menu
This mobile inspired flower popup menu is a colourful fun project I'm experimenting with. Feel free to use it however you like.
Made with: HTML,CSS
![Colourful Flower Popup Menu](https://img.cssmix.net/img/2022/9/2313_colourful-flower-popup-menu.webp)
![Bootstrap Blog Item Comments](https://img.cssmix.net/img/2022/7/bootstrap-blog-item-comments_438.webp)
![Social Network Home News Feed](https://img.cssmix.net/img/2022/7/social-network-home-news-feed_439.webp)
![Bootstrap Products View List](https://img.cssmix.net/img/2022/7/bootstrap-products-view-list_1015.webp)
![Css Glitch Text](https://img.cssmix.net/img/2022/7/css-glitch-text_4874.webp)
![React Input Mask](https://img.cssmix.net/img/2022/7/react-input-mask_6777.webp)
![Fancy Border Box](https://img.cssmix.net/img/2022/7/fancy-border-box_1828.webp)
![Css Slider](https://img.cssmix.net/img/2022/7/css-slider_4402.webp)
![App Download Button Concept](https://img.cssmix.net/img/2022/7/app-download-button-concept_2611.webp)
![Testimonial Slider Pure Css](https://img.cssmix.net/img/2022/7/testimonial-slider-pure-css_4726.webp)
Css Accordion
Accordion menu with only HTML and CSS. Click on an item to open. Click on its header or the list header to close. Add the class arrows to nav.accordion to add dropdown arrows.
Made with: HTML,CSS
![Css Accordion](https://img.cssmix.net/img/2022/7/css-accordion_1384.webp)
Animated Hero Image With Css Clipping
Animated with CSS and applied CSS fixed item clipping to get subtle animation.
Made with: HTML,CSS (PostCSS)
![Animated Hero Image With Css Clipping](https://img.cssmix.net/img/2022/7/animated-hero-image-with-css-clipping_3178.webp)
Download Button
Download button with jumping ball animation with little jQuery.
Made with: HTML,CSS (SCSS),JS
![Download Button](https://img.cssmix.net/img/2022/9/6156_download-button.webp)
![Product Card](https://img.cssmix.net/img/2022/7/product-card_4066.webp)
Svg Gooey Hover Menu Concept
Uses SVG path manipulation based on mouse position to 'chase' the user's position.
Made with: HTML
![Svg Gooey Hover Menu Concept](https://img.cssmix.net/img/2022/7/svg-gooey-hover-menu-concept_6497.webp)
![Solar System Simulator 2.0 Pure Css](https://img.cssmix.net/img/2022/7/solar-system-simulator-2.0-pure-css_4492.webp)