26 January 2018 / Input INPUT FIELD GRADIENT BORDER FOCUS FUN INPUT FIELD GRADIENT BORDER FOCUS FUN A gradient border on an input field that feathers out when focussed. View demo Download Source Made with Html CSS/SCSS Author Rik Schennink Demo See the Pen Input Field Gradient Border Focus Fun by Rik Schennink (@rikschennink) on CodePen. — Code Tea — Input 01 May 2018 Material Design Input Text A Material Design Input Text example. 14 April 2018 CSS Material Input Field A CSS Material Input Field example. 01 February 2018 Fancy Input Field Trying to make input field that is a bit more fancy than the regular boring box. — Next Post — 26 January 2018 A CSS only approach to the floated labels UI A CSS only approach to the floated labels UI pattern. — Prev Post — 26 January 2018 Form input designs with hover and focus Form input designs with hover and focus.