CSS3 Rainbow Dividers • Hacker News Board

Re: CSS3 Rainbow Dividers

#11

Post by crazysim » Wed, Sep 07, 2011, 10:24 AM UTC

"It uses all the cool stuff your iPhone can do!"

It doesn't seem to work on iOS 4.3.3 on an iPad 2. Does this work with iOS 5?

Re: CSS3 Rainbow Dividers

#12

Post by chucknthem » Wed, Sep 07, 2011, 10:26 AM UTC

kulpreet wrote: post #3

Finally! Now we can properly emulate the 90s with modern web standards. :)

Don't forget to use a rainbow terminal when you're hacking together your retro 90s site https://github.com/busyloop/lolcat

Re: CSS3 Rainbow Dividers

#13

Post by trocker » Wed, Sep 07, 2011, 10:32 AM UTC

Swweett Stuff. I've been waiting for something retro like this to be designed in CSS3 - Hardware Accelerated! How about we start off some open css3 design sources and lets make crazy stuff until its just a matter of combinations to make any aw3som3 effect!

Re: CSS3 Rainbow Dividers

#14

Post by statictype » Wed, Sep 07, 2011, 10:43 AM UTC

View-Source for more fun.

     -lynx-animation:charlieeee 2.5s forwards linear infinite;

...

    #tongue{position:cheek;}
    /* ^ OMG! An ID! That kills performance! */

Re: CSS3 Rainbow Dividers

#15

Post by wladimir » Wed, Sep 07, 2011, 10:57 AM UTC

chucknthem wrote: post #12

kulpreet wrote: post #3

Finally! Now we can properly emulate the 90s with modern web standards. :)

Don't forget to use a rainbow terminal when you're hacking together your retro 90s site https://github.com/busyloop/lolcat

I didn't know of that program. It's a pretty funny effect. Thanks :)

Re: CSS3 Rainbow Dividers

#16

Post by gnoupi » Wed, Sep 07, 2011, 11:21 AM UTC

If you open it with Opera and don't feel it particularly amazing, like I did, open it with another browser.

(Only viewing the source I realized it was supposed to be animated)

Re: CSS3 Rainbow Dividers

#17

Post by haydenchambers » Wed, Sep 07, 2011, 11:22 AM UTC

spking wrote: post #6

Someone should tell this guy: http://eonweb.com/cgi-shl/foxweb.exe/menu@search

I LOVE finding sites like this and then following the hurricane trail of design/programming with random security checks along the way.. eg http://eonweb.com/sho_loc.fwx?/Arizona/Restaurants/&cat=...

Re: CSS3 Rainbow Dividers

#18

Post by lachenmayer » Wed, Sep 07, 2011, 11:31 AM UTC

crazysim wrote: post #11

"It uses all the cool stuff your iPhone can do!" It doesn't seem to work on iOS 4.3.3 on an iPad 2. Does this work with iOS 5?

Just tried it with iOS 4.2.1 on an iPhone 3GS. Nothing appears around the paragraph.

Re: CSS3 Rainbow Dividers

#19

Post by gte525u » Wed, Sep 07, 2011, 11:46 AM UTC

spking wrote: post #6

Someone should tell this guy: http://eonweb.com/cgi-shl/foxweb.exe/menu@search

Hah, I had no idea foxpro had a web-front end.

Re: CSS3 Rainbow Dividers

#20

Post by josteink » Wed, Sep 07, 2011, 11:55 AM UTC

This means they are hardware accelerated!!!

And still choppy on my Xeon (before going full cycle and starting over again). Too lazy to see if this is an implementation error or a performance issue. And yes, I do realize this is a joke.

Just mentioning this as a warning: Just because someone says "hardware accelerated" doesn't mean you should go crazy and stop thinking performance.

Same applies to CSS3. Use it wisely.