5 ms·
CSS3 Rainbow Dividers
- par 15y agoI am ready for the css/js spinning earth and marquee!
- iamclovin 15y agolol at #tongue{position:cheek;}
- rimantas 15y agoDid you know that CSS caused one of the big disasters? #titanic{float:none}
- anons2011 15y agoHow about .einstein {position: relative;}
- mikeleeorg 15y agoI hope you all don't mind, but I loved these CSS declarations so much that I whipped this up today: http://csshumor.com/ http://csshumor.com/ If you've got any more, let me know! 8-)
- Groxx 15y ago.iceberg{clear:none}
- kulpreet 15y agoFinally! Now we can properly emulate the 90s with modern web standards. :)
- chucknthem 15y agoDon't forget to use a rainbow terminal when you're hacking together your retro 90s site https://github.com/busyloop/lolcat https://github.com/busyloop/lolcat
- wladimir 15y agoI didn't know of that program. It's a pretty funny effect. Thanks :)
- ivanicus 15y agoCool CSS3 experiment... (god forbid this turns "fashion" again!)
- yuvadam 15y agoNow we just need some CSS3 "under construction" icons and we're ready for 1997! (Seriously, anyone up for the challenge?)
- sp332 15y agoThis link will inspire you, or maybe just crash your browser. http://www.textfiles.com/underconstruction/ http://www.textfiles.com/underconstruction/
- hackermom 15y agoDon't forget the CSS class for a dividing line in the form of dripping blood, and one for a rotating cranium.
- snorkel 15y ago... and some Mosaic missing image icons.
- spking 15y agoSomeone should tell this guy: http://eonweb.com/cgi-shl/foxweb.exe/menu@search http://eonweb.com/cgi-shl/foxweb.exe/menu@search
- haydenchambers 15y agoI 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=R&zone=&sort=city http://eonweb.com/sho_loc.fwx?/Arizona/Restaurants/&cat=...
- gte525u 15y agoHah, I had no idea foxpro had a web-front end.
- mickeyckm 15y agoAWESOME :)
- chrislomax 15y agoVery nostalgic, I was thinking we need a way of emulating blue flames licking around a spinning oval logo!
- kmm 15y agoHuh? The body of the document is enclosed in <sarcasm> tags. Also, I once want to commit with the message "Added unicorn option".
- Flavius 15y ago<sarcasm>Great! Just what the web needs.</sarcasm>
- crazysim 15y ago"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?
- lachenmayer 15y agoJust tried it with iOS 4.2.1 on an iPhone 3GS. Nothing appears around the paragraph.
- arnemart 15y agoYes, it works beautifully* on iOS5. * For a given value of “beautiful”
- trocker 15y agoSwweett 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!
- statictype 15y agoView-Source for more fun. -lynx-animation:charlieeee 2.5s forwards linear infinite; ... #tongue{position:cheek;} /* ^ OMG! An ID! That kills performance! */
- cdmoyer 15y agoI can't believe they choose to leave the unicorns commented out by default.
- gnoupi 15y agoIf 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)
- josteink 15y agoThis 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.
- deleted 15y ago[deleted]
- Aviwein77 15y agoThis is kind of fantastic, in the 'I almost want to go out and plaster it all over a website just for fun and to laugh at peoples reactions' fantastic.
- FrancescoRizzi 15y agooooh... it's Geocities!
- sp332 15y agoHistorical (not sarcastic) analysis of Geocities: http://contemporary-home-computing.org/1tb/ http://contemporary-home-computing.org/1tb/
- dspeyer 15y agoFor those who don't want to wade through it, the key point is: background-image:-webkit-linear-gradient (and moz, o, ms and khtml equivalents)
- indrora 15y agoI think I just gayed in my pants a little.
- netghost 15y agoAbsolutely need to also throw in some RainGlows! http://monkeyandcrow.com/blog/css3_rainglows/ http://monkeyandcrow.com/blog/css3_rainglows/
- BillSaysThis 15y agoChris H always gives an audience what they want ;) Another arrow in the post-modern HTML5/CSS3 quiver.
- harrisreynolds 15y agoLet's party like it is 1999!
- shawndumas 15y agohttp://www.aliviastoys.com/ http://www.aliviastoys.com/
- alanh 15y agoDang, don't you hate it when you see someone else showing off their stuff when you did it as well, but kept it under the radar? My old-school-style CSS3 HRs (not animated): http://jsfiddle.net/alanhogan/xjBMV/2/ http://jsfiddle.net/alanhogan/xjBMV/2/