K-Pop Fandom Dictionary
Simple experiment with HTML dt and dd tags.
Made with: HTML,CSS (SCSS)
![K-Pop Fandom Dictionary](https://img.cssmix.net/img/2022/7/k-pop-fandom-dictionary_5474.webp)
![Dictionary Book](https://img.cssmix.net/img/2022/7/dictionary-book_5475.webp)
Pure Css Random Rain With Svg And Css Variables
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)
Responsive Stairs Diagram
Responsive diagram by using only CSS and HTML dl, dt, dd elements. Try it in small screen.
Made with: HTML,CSS
![Responsive Stairs Diagram](https://img.cssmix.net/img/2022/7/responsive-stairs-diagram_5476.webp)
Transforming Select Fields Using Dl, Dt & Dd + Some Jquery
Just a little form to showcase how you can use DL, DT & DD to spice up your select boxes.
Made with: HTML (Pug),CSS (SCSS),JavaScript
![Transforming Select Fields Using Dl, Dt & Dd + Some Jquery](https://img.cssmix.net/img/2022/7/transforming-select-fields-using-dl,-dt-&-dd-+-some-jquery_5477.webp)
![Vocabulary Flashcards](https://img.cssmix.net/img/2022/7/vocabulary-flashcards_5478.webp)
Transforming Select Fields
Just a little form to showcase how you can use DL, DT & DD to spice up your select boxes.
Made with: HTML (Pug),CSS (SCSS),JS
![Transforming Select Fields](https://img.cssmix.net/img/2022/9/6254_transforming-select-fields.webp)
Ui E-Commerce Shop Single Item
Here is a single item UI product card design in HTML and CSS for Nike Epic React Flyknit.
Made with: HTML,CSS (SCSS)
![Ui E-Commerce Shop Single Item](https://img.cssmix.net/img/2022/7/ui-e-commerce-shop-single-item_4055.webp)
![Css 3d Text](https://img.cssmix.net/img/2022/7/css-3d-text_85.webp)
Alignment Radio Buttons
CSS tricks: use flex-grow for transition.
Made with: HTML (Pug),CSS (SCSS)
![Alignment Radio Buttons](https://img.cssmix.net/img/2022/9/4166_alignment-radio-buttons.webp)
Page Top Parallax
Page top parallax (SVG + CSS Variables).
Made with: HTML,CSS (SCSS),JavaScript (TypeScript)
![Page Top Parallax](https://img.cssmix.net/img/2022/9/3955_page-top-parallax.webp)
Complete The Story
The sup and sub elements. A simple page in which you can choose between two alternatives in order to fill a multitude of sentences.
Made with: HTML,CSS (Stylus),JavaScript
![Complete The Story](https://img.cssmix.net/img/2022/7/complete-the-story_5633.webp)
![Elastic Toggle](https://img.cssmix.net/img/2022/7/elastic-toggle_5050.webp)
![Scantron Answer Sheet](https://img.cssmix.net/img/2022/7/scantron-answer-sheet_3082.webp)
Calendar Plan - Tasks Events App
Based on and inspired from dribbble shot Calendar Plan - Tasks Events App #Freebies.
Made with: HTML,CSS (SCSS)
![Calendar Plan - Tasks Events App](https://img.cssmix.net/img/2022/7/calendar-plan--tasks-events-app_2073.webp)
Material Design Radio Buttons
Pure CSS Material Design radio buttons.
Made with: HTML,CSS (Stylus)
![Material Design Radio Buttons](https://img.cssmix.net/img/2022/9/4167_material-design-radio-buttons.webp)
![Pure Css Text Animation](https://img.cssmix.net/img/2022/7/pure-css-text-animation_4772.webp)