Search

Post types: Articles 0 Notes 0 Journals 0

Categories: HTML & CSS 1 Frontend 0 JavaScript 0 Nuts & Bolts 0 Projects 0 Inclusion 0 Content Design 0 User Experience 0 Animation 0 Graphic Design 0 Typography 0 Arts & Crafts 0 Web Design 0 World Building 0 L-Space 0 Musical Notes 0 Moving Pictures 0 Photography 0 Notes from the Editor 0 People & Places 0 The World Wide Web 0 Technology 0 Natural World 0 To Boldly Go 0 Anthropocenic View 0

📖

Gradient borders with rounded corners on input fields

Read Article ↬

Whilst putting together my new search page I ran into a problem: styling an input box so that it had a gradient border and rounded corners. Turns out there's a hack for that.

Published:: 05 May 20
Categories:: HTML & CSS
Tags:: input
form
gradient
border
curved corner
background
image
trick
CSS
search

Ad hoc search, powered by infinite (baffled) monkeys.

Other Stuff:

💿 Hall of Records
🍺 Adhopracy

Elsewhere:

🐘 Mastodon
🦋 BlueSky
🎧 Last.FM
🌐 IndieWeb

Made With:

🛠️ Craft
🚀 Astro
🐙 GitHub
💎 Krystal

Site Feeds:

All Posts
Articles
Reviews
Notes

Ver. 4.0.0.a

No part of this website may be used or reproduced in any manner for the purpose of training artificial intelligence technologies or systems, large language models (LLMs), or data models. The author expressly reserves this work from the text and data mining exception.