Styling & Customizing File Inputs the Smart Way
In Tutorials by Osvaldas Valutis
A tutorial on how to style and customize <input type=”file”> in a semantic, accessible way using the <label> element and some JavaScript.
input
Some More Inspiration for Text Input Effects
In Playground by Manoela Ilic
A couple of more inspirational styles for text input effects including some new techniques and ideas.
Inspiration for Text Input Effects
In Playground by Manoela Ilic
Some inspiration for effects on text inputs using CSS transitions, animations and pseudo-elements.
Elastic SVG Elements
In Playground by Manoela Ilic
Some inspiration for elastic components with SVG shape animations for enhanced UI interactions.
Simple Morphing Search
In Playground by Manoela Ilic
A simple effect idea for a search input that morphs into a fullscreen overlay. The idea is to enlarge the search input and show some relevant content or search results.
Basic Ready-to-Use CSS Styles
In Tutorials by Kitty Giraudel
This is a collection of some basic styles that can come in handy when creating your own style definitions. Learn how to make some useful classes for simple styles and how to apply them to a variety of elements.
