![Css Editable Letter Board](https://img.cssmix.net/img/2022/8/3410_css-editable-letter-board.webp)
![Css Vars Styling](https://img.cssmix.net/img/2022/8/3411_css-vars-styling.webp)
![Pure Css Authentication](https://img.cssmix.net/img/2022/9/3413_pure-css-authentication.webp)
3D Textbox
17.12.2019
3D textbox form input box. It uses transform: rotate for the sides and for the overall rotation.
Made with: HTML (Pug),CSS (Sass)
![3D Textbox](https://img.cssmix.net/img/2022/9/3414_3d-textbox.webp)
![Input Text](https://img.cssmix.net/img/2022/9/3415_input-text.webp)
![Input Group](https://img.cssmix.net/img/2022/9/3416_input-group.webp)
![Material Input Text Fields](https://img.cssmix.net/img/2022/8/3417_material-input-text-fields.webp)
![Jumping Input Text](https://img.cssmix.net/img/2022/9/3418_jumping-input-text.webp)
Form Label Show After Input Text
9.12.2018
Form label show after input text only CSS.
Made with: HTML,CSS
![Form Label Show After Input Text](https://img.cssmix.net/img/2022/9/3419_form-label-show-after-input-text.webp)
![Elastic Validation](https://img.cssmix.net/img/2022/9/3421_elastic-validation.webp)
Input:Not(:Placeholder-Shown)
15.06.2018
It looks kinda similar to the text inputs of the framework Materialize.
Made with: HTML,CSS (Stylus)
![Input:Not(:Placeholder-Shown)](https://img.cssmix.net/img/2022/7/input:not(:placeholder-shown)_3422.webp)
![Form Input Design](https://img.cssmix.net/img/2022/7/form-input-design_3423.webp)
Input Field Gradient Border Focus Fun
12.12.2017
A gradient border on an input field that feathers out when focussed.
Made with: HTML
![Input Field Gradient Border Focus Fun](https://img.cssmix.net/img/2022/7/input-field-gradient-border-focus-fun_3424.webp)
Css Only Floated Labels
27.09.2017
A CSS only approach to the floated labels UI pattern.
Made with: HTML
![Css Only Floated Labels](https://img.cssmix.net/img/2022/7/css-only-floated-labels_3425.webp)
![Css Fields](https://img.cssmix.net/img/2022/7/css-fields_3426.webp)
![Input Field With Underline Under Each Character](https://img.cssmix.net/img/2022/9/3427_input-field-with-underline-under-each-character.webp)
![Email Input Field](https://img.cssmix.net/img/2022/7/email-input-field_3428.webp)
Css-Only Material Inputs
25.06.2016
Inspired by Google's Material Design guidelines for text fields.
Made with: HTML (Pug),CSS (SCSS)
![Css-Only Material Inputs](https://img.cssmix.net/img/2022/8/3431_css-only-material-inputs.webp)