Comments on: CSS Gradient Tool; Build the Apple Navigation Bar

By: kntl

kntl — Tue, 10 Nov 2009 15:30:24 +0000

very cool article and i know that so many designers searching for apple like design tutorials.

i had created a css navigation which inspired from apple’s dotted page navigation bars. it has a tooltip on hover and it’s a powerful code because no javascript, jquery or any image required to use it. you can check it on my blog:

http://kntl.org/css-imageless-but-cool-javascript-and-jquery

By: genericallyloud

genericallyloud — Thu, 04 Jun 2009 14:31:28 +0000

@prudnikov – you need to put that gradient stuff as the value of background-image

background-image:-webkit-gradient(linear, left top, left bottom, from(#17E1FF), to(#19ADC4), color-stop(.6,#19D1ED));

By: Prudnikov

Prudnikov — Wed, 03 Jun 2009 14:51:56 +0000

What I’m doing wrong?
http://prudnikov.com/examples/test-webkit-gradient.html
Safari 4 beta does not display gradient, nevertheless http://tools.westciv.com/gradients/ shows me gradient…

By: slightlyoff

slightlyoff — Tue, 02 Jun 2009 23:12:22 +0000

Note that these gradients are also supported in Chrome (thanks, WebKit!).

Regards

By: Darkimmortal

Darkimmortal — Tue, 02 Jun 2009 22:28:24 +0000

Lol, that page scrolls about about 0.2 FPS in FF 3.5b4 with smooth scrolling. Screw fixed backgrounds.

By: codedread

codedread — Tue, 02 Jun 2009 15:16:24 +0000

Looks great – I emailed the creator to see if he would also supply the equivalent SVG code to copy/paste.