4 ms·
Tunnel vision 3D CSS experiment
- imjared 13y agoForked to see the power of SASS! http://codepen.io/imjared/pen/DhHCx http://codepen.io/imjared/pen/DhHCx (help of: @brandon_vaughan)
- philipwalton 13y agoYeah, I was just gonna say this definitely should have been written with Sass.
- mnicole 13y agoThanks for doing that; I forked yours to mess around with it too -- http://codepen.io/mandymcclausky/pen/fdepv http://codepen.io/mandymcclausky/pen/fdepv
- aboutaaron 13y agoDidn't realize you could do loops in SCSS. Awesome.
- hadem 13y agoTried my hand at a version: http://codepen.io/anon/pen/ABniu http://codepen.io/anon/pen/ABniu
- fiepw 13y agoThanks! I couldn't figure out how to do the colors in the SASS loop.
- ricardobeat 13y agoSide view: http://codepen.io/anon/peb/uqbre http://codepen.io/anon/peb/uqbre
- bagosm 13y agoThere should be a seizure warning in the title... Other than that, neat little trick!
- nwh 13y agoReally? I thought photosensitive epilepsy usually related to flashes at very certain frequencies.
- ghusbands 13y agoPhotosensitive epilepsy can be triggered by repeating patterns, too (stripes with a certain spacing in the visual field, for example). That's why optical illusions occasionally have epilepsy warnings attached. Wikipedia has some reasonable information on the subject: http://en.wikipedia.org/wiki/Photosensitive_epilepsy http://en.wikipedia.org/wiki/Photosensitive_epilepsy
- orangethirty 13y agoI think its cooler when you run it in reverse: http://codepen.io/anon/pen/pAqgc http://codepen.io/anon/pen/pAqgc Change the degrees value to slow it down, too. This one http://codepen.io/anon/pen/ctsvy http://codepen.io/anon/pen/ctsvy set to this music (work safe | Benny Benassi Satisfaction lyrics video) http://www.youtube.com/watch?v=vks0JJMhAWI http://www.youtube.com/watch?v=vks0JJMhAWI And a last one: http://codepen.io/anon/pen/tsjoh http://codepen.io/anon/pen/tsjoh
- sequoia 13y agoSonic the Hedgehog: special tube levels. First thing that came to mind :) https://www.youtube.com/watch?v=9UfIMMS9O0o https://www.youtube.com/watch?v=9UfIMMS9O0o
- d23 13y agoIt's amazing how much better I remember the graphics being on those levels. Memory is a funny thing.
- willtheperson 13y agoA different perspective http://cdpn.io/pAqgc http://cdpn.io/pAqgc
- hadem 13y agoAnother perspective: http://codepen.io/anon/pen/hEkby http://codepen.io/anon/pen/hEkby Same, inside rings: http://codepen.io/anon/pen/KuyCf http://codepen.io/anon/pen/KuyCf
- moeedm 13y agoUse HAML .scene .warpper %ul.tunnel - 72.times do %li.ring