Awesome scrolling effect (using css3 transformations)

#1

Post by twanschik » Fri, Mar 23, 2012, 10:36 AM UTC

Awesome scrolling effect (using css3 transformations)
acko.net

Re: Awesome scrolling effect (using css3 transformations)

#2

Post by 3KWA » Fri, Mar 23, 2012, 11:21 AM UTC

Crashing Safary on the new iPad

Re: Awesome scrolling effect (using css3 transformations)

#3

Post by drostie » Fri, Mar 23, 2012, 11:55 AM UTC

The only "scrolling effect" I see in either Chrome or Firefox is that the page scrolls. That's not particularly awesome.

Edit: ah, it's not a scrolling effect, it's a click effect. Click any of the blog posts and it will appear to "shift the screen" into the article you clicked.

Re: Awesome scrolling effect (using css3 transformations)

#4

Post by DanBC » Fri, Mar 23, 2012, 11:58 AM UTC

drostie wrote: post #3

The only "scrolling effect" I see in either Chrome or Firefox is that the page scrolls. That's not particularly awesome. Edit: ah, it's not a scrolling effect, it's a click effect. Click any of the blog posts and it will appear to "shift the screen" into the article you clicked.

There's a huge banner at the top of the page which does a weird perspective moving scroll thing. I can't describe it, but scrolling the page makes the pseudo-3d banner "spin".

EDIT: Chrome on snow leopard.

Re: Awesome scrolling effect (using css3 transformations)

#5

Post by drostie » Fri, Mar 23, 2012, 12:11 PM UTC

DanBC wrote: post #4

drostie wrote: post #3

The only "scrolling effect" I see in either Chrome or Firefox is that the page scrolls. That's not particularly awesome. Edit: ah, it's not a scrolling effect, it's a click effect. Click any of the blog posts and it will appear to "shift the screen" into the article you clicked.

There's a huge banner at the top of the page which does a weird perspective moving scroll thing. I can't describe it, but scrolling the page makes the pseudo-3d banner "spin". EDIT: Chrome on snow leopard.

Yeah, still not seeing it. That banner is pretty well static in both Firefox 11.0 and Chromium 17.0.963.79 on Ubuntu. (I also tried rekonq but I neither expected nor got anything out of it.)

Re: Awesome scrolling effect (using css3 transformations)

#6

Post by twodayslate » Fri, Mar 23, 2012, 12:21 PM UTC

Cool looking but it just slows the site down. Just because you can, doesn't mean you should.

Re: Awesome scrolling effect (using css3 transformations)

#7

Post by patcoll » Fri, Mar 23, 2012, 12:28 PM UTC

Crashes mobile Safari on iPhone 4.

Re: Awesome scrolling effect (using css3 transformations)

#8

Post by nkoren » Fri, Mar 23, 2012, 12:36 PM UTC

Absolutely gorgeous on Chrome for Mac.

Re: Awesome scrolling effect (using css3 transformations)

#9

Post by lucian1900 » Fri, Mar 23, 2012, 12:54 PM UTC

After the slide effect, the page always scrolls at the top. Not cool.

Re: Awesome scrolling effect (using css3 transformations)

#10

Post by josteink » Fri, Mar 23, 2012, 12:55 PM UTC

That's remarkably chaotic.

And slow, even on pretty decent developer hardware.

Please don't let HTML5/CSS3 turn into DHTML, and all over again. Please don't let HTML5/CSS3 turn into DHTML, and all over again. Please don't let HTML5/CSS3 turn into DHTML, and all over again.

My jokes about a possible NoHTML5-extension is slowly but surely turning more and more into a viable idea.