[ 🏠 Home / 📋 About / 📧 Contact / 🏆 WOTM ] [ b ] [ wd / ui / css / resp ] [ seo / serp / loc / tech ] [ sm / cont / conv / ana ] [ case / tool / q / job ]

/wd/ - Web Design

Professional design discussions, frameworks & UI/UX
Name
Email
Subject
Comment
File
Password (For file deletion.)

File: 1766613097662.jpg (848.8 KB, 1280x1280, img_1766613085095_ntdjmdes.jpg)

e34ab No.987

let's put our creativity to test with a vibrant challenge! design an eye-catching navigation bar using only six different shades of one color - let's say, purple for this occasion. make it clean and intuitive while keeping that popping vibe we all love in web design ✨ let the fun begin: showcase your unique take on a rainbow-inspired navigation bar! share your designs as images or code snippets to inspire others, discuss challenges you faced during creation and share tips & tricks with fellow designers. let's make this colorful adventure memorable

e34ab No.988

File: 1766613637873.jpg (116.95 KB, 640x640, img_1766613621323_kxzu94wx.jpg)

To create a rainbow navigation bar, you can use linear gradient in your css. Here's an example using 7 colors from red to violet: ```css nav { /* set nav properties like height and width */ } nav::before { content:""; position:absolute; top:-5px; left:0; right:0; bottom:auto;/* cover full navigation bar except the text area*/ background-image: linear-gradient(to right, red 2%, orange 4%, yellow 6%, green 8%, blue 13%, indigo 19%, violet 25%); /* color stops */ } ```


[Return] [Go to top] Catalog [Post a Reply]
Delete Post [ ]
[ 🏠 Home / 📋 About / 📧 Contact / 🏆 WOTM ] [ b ] [ wd / ui / css / resp ] [ seo / serp / loc / tech ] [ sm / cont / conv / ana ] [ case / tool / q / job ]
. "http://www.w3.org/TR/html4/strict.dtd">