Tunnel vision 3D CSS experiment

#1

Post by fiepw » Thu, Apr 11, 2013, 4:38 PM UTC

Re: Tunnel vision 3D CSS experiment

#2

Post by imjared » Thu, Apr 11, 2013, 5:15 PM UTC

(help of: @brandon_vaughan)

#3

Post by philipwalton » Thu, Apr 11, 2013, 5:23 PM UTC

imjared wrote: post #2

Forked to see the power of SASS! http://codepen.io/imjared/pen/DhHCx (help of: @brandon_vaughan)

Yeah, I was just gonna say this definitely should have been written with Sass.

#4

Post by bagosm » Thu, Apr 11, 2013, 5:31 PM UTC

There should be a seizure warning in the title... Other than that, neat little trick!

#5

Post by orangethirty » Thu, Apr 11, 2013, 5:59 PM UTC

I think its cooler when you run it in reverse: http://codepen.io/anon/pen/pAqgc

Change the degrees value to slow it down, too.

This one http://codepen.io/anon/pen/ctsvy set to this music (work safe | Benny Benassi Satisfaction lyrics video) http://www.youtube.com/watch?v=vks0JJMhAWI

And a last one:

#6

Post by sequoia » Thu, Apr 11, 2013, 6:33 PM UTC

Sonic the Hedgehog: special tube levels. First thing that came to mind :) https://www.youtube.com/watch?v=9UfIMMS9O0o

#7

Post by mnicole » Thu, Apr 11, 2013, 6:52 PM UTC

imjared wrote: post #2

Forked to see the power of SASS! http://codepen.io/imjared/pen/DhHCx (help of: @brandon_vaughan)

Thanks for doing that; I forked yours to mess around with it too -- http://codepen.io/mandymcclausky/pen/fdepv

#8

Post by willtheperson » Thu, Apr 11, 2013, 7:07 PM UTC

A different perspective http://cdpn.io/pAqgc

#9

Post by nwh » Thu, Apr 11, 2013, 7:42 PM UTC

bagosm wrote: post #4

There should be a seizure warning in the title... Other than that, neat little trick!

Really? I thought photosensitive epilepsy usually related to flashes at very certain frequencies.

#10

Post by aboutaaron » Thu, Apr 11, 2013, 8:13 PM UTC

imjared wrote: post #2

Forked to see the power of SASS! http://codepen.io/imjared/pen/DhHCx (help of: @brandon_vaughan)

Didn't realize you could do loops in SCSS. Awesome.