Comments on: Showcasing the CSS Parallax Effect: 12+1 Creative Usages [Update2] http://www.kremalicious.com/2008/05/showcasing-the-css-parallax-effect-12-creative-usages/ Home of designer, developer & photographer Matthias Kretschmann Thu, 09 Feb 2012 22:00:54 +0000 hourly 1 http://wordpress.org/?v=3.3 By: DOROTHY http://www.kremalicious.com/2008/05/showcasing-the-css-parallax-effect-12-creative-usages/#comment-86363 DOROTHY Mon, 05 Sep 2011 17:14:45 +0000 http://www.kremalicious.com/?p=61#comment-86363 this website looks neat http://iamthej.com this website looks neat http://iamthej.com

]]> By: carros http://www.kremalicious.com/2008/05/showcasing-the-css-parallax-effect-12-creative-usages/#comment-86279 carros Thu, 04 Aug 2011 15:33:30 +0000 http://www.kremalicious.com/?p=61#comment-86279 thank you for that! thank you for that!

]]> By: Steve Ollice http://www.kremalicious.com/2008/05/showcasing-the-css-parallax-effect-12-creative-usages/#comment-86115 Steve Ollice Tue, 10 May 2011 17:01:50 +0000 http://www.kremalicious.com/?p=61#comment-86115 I just created a fun version based on the tutorial at inner.geek.nz. Check out a fishing portfolio I did <a href="http://ollicedesign.com/web-design/learning-javascript-experiment-parallax-effect/" rel="nofollow">here</a>. I just created a fun version based on the tutorial at inner.geek.nz. Check out a fishing portfolio I did here.

]]> By: Allen http://www.kremalicious.com/2008/05/showcasing-the-css-parallax-effect-12-creative-usages/#comment-86093 Allen Fri, 22 Apr 2011 21:21:31 +0000 http://www.kremalicious.com/?p=61#comment-86093 So far I just have the mouseover and the window resize horizontal... http://www.acidicink.com/para.php I've been working on a way to make the parallax background gradually scroll vertically on page scroll... (for longer content pages) but I'm still only like half way there... Thanks for the examples... great work! So far I just have the mouseover and the window resize horizontal…

http://www.acidicink.com/para.php

I’ve been working on a way to make the parallax background gradually scroll vertically on page scroll… (for longer content pages) but I’m still only like half way there…

Thanks for the examples… great work!

]]> By: Rahul R Nair http://www.kremalicious.com/2008/05/showcasing-the-css-parallax-effect-12-creative-usages/#comment-86049 Rahul R Nair Fri, 18 Mar 2011 03:45:49 +0000 http://www.kremalicious.com/?p=61#comment-86049 Hii Neil.. YOu got a cool website But the parallax effect will be comming when we resize the footer rt? Then What is the need to do so? Who wil resize your website... Just a doubt Hii Neil.. YOu got a cool website
But the parallax effect will be comming when we resize the footer rt? Then What is the need to do so? Who wil resize your website… Just a doubt

]]> By: Rahul R Nair http://www.kremalicious.com/2008/05/showcasing-the-css-parallax-effect-12-creative-usages/#comment-86048 Rahul R Nair Fri, 18 Mar 2011 03:42:11 +0000 http://www.kremalicious.com/?p=61#comment-86048 Good Collection.. But in some of them we need to resize the window in order to see the parallax effect na... Its not feel so good. Not a Proper method i think. Good Collection.. But in some of them we need to resize the window in order to see the parallax effect na… Its not feel so good. Not a Proper method i think.

]]> By: Week 2: Thurs, 1-20 « GDES 256 http://www.kremalicious.com/2008/05/showcasing-the-css-parallax-effect-12-creative-usages/#comment-86005 Week 2: Thurs, 1-20 « GDES 256 Thu, 20 Jan 2011 06:39:43 +0000 http://www.kremalicious.com/?p=61#comment-86005 [...] More Examples [...] [...] More Examples [...]

]]> By: Vunesp http://www.kremalicious.com/2008/05/showcasing-the-css-parallax-effect-12-creative-usages/#comment-70432 Vunesp Thu, 14 Oct 2010 16:19:14 +0000 http://www.kremalicious.com/?p=61#comment-70432 Thanks for sharing. Thanks for sharing.

]]> By: Oyunlar http://www.kremalicious.com/2008/05/showcasing-the-css-parallax-effect-12-creative-usages/#comment-58704 Oyunlar Sat, 31 Jul 2010 10:46:11 +0000 http://www.kremalicious.com/?p=61#comment-58704 @Lucas i like your site. the parallax technique is so good @Lucas i like your site. the parallax technique is so good

]]> By: Neil http://www.kremalicious.com/2008/05/showcasing-the-css-parallax-effect-12-creative-usages/#comment-50131 Neil Thu, 15 Apr 2010 11:57:01 +0000 http://www.kremalicious.com/?p=61#comment-50131 Thanks for that. Inspired us to do our own. http://www.iconjelly.com (resize and watch the footer) Thanks for that. Inspired us to do our own.

http://www.iconjelly.com

(resize and watch the footer)

]]> By: Tyler http://www.kremalicious.com/2008/05/showcasing-the-css-parallax-effect-12-creative-usages/#comment-49793 Tyler Sat, 20 Feb 2010 23:56:35 +0000 http://www.kremalicious.com/?p=61#comment-49793 I'm working on a series of "Javascript Feelings" which attempt to explain complex human emotions using Javascript. I've used the parallax effect in my first piece entitled "Intimacy With Strangers." http://verytogether.com/lifestyle/play/javascript-feelings-intimacy-with-strangers.html I’m working on a series of “Javascript Feelings” which attempt to explain complex human emotions using Javascript. I’ve used the parallax effect in my first piece entitled “Intimacy With Strangers.”

http://verytogether.com/lifestyle/play/javascript-feelings-intimacy-with-strangers.html

]]> By: Lucas http://www.kremalicious.com/2008/05/showcasing-the-css-parallax-effect-12-creative-usages/#comment-49730 Lucas Mon, 01 Feb 2010 15:07:46 +0000 http://www.kremalicious.com/?p=61#comment-49730 HI!, Very cool roundup. I actually used the parallax technique to build my website, check out the navigation, I'm quite sure you'll like it. HI!, Very cool roundup. I actually used the parallax technique to build my website, check out the navigation, I’m quite sure you’ll like it.

]]> By: Shamima Sultana http://www.kremalicious.com/2008/05/showcasing-the-css-parallax-effect-12-creative-usages/#comment-49608 Shamima Sultana Tue, 19 Jan 2010 09:33:25 +0000 http://www.kremalicious.com/?p=61#comment-49608 Great examples...thanks for sharing Great examples…thanks for sharing

]]> By: Jesse http://www.kremalicious.com/2008/05/showcasing-the-css-parallax-effect-12-creative-usages/#comment-48824 Jesse Mon, 09 Nov 2009 18:44:53 +0000 http://www.kremalicious.com/?p=61#comment-48824 Beatles Rockband website using a Parallax overlay http://www.thebeatlesrockband.com/news/post/8 Beatles Rockband website using a Parallax overlay
http://www.thebeatlesrockband.com/news/post/8

]]> By: John Smith http://www.kremalicious.com/2008/05/showcasing-the-css-parallax-effect-12-creative-usages/#comment-48772 John Smith Fri, 09 Oct 2009 20:44:28 +0000 http://www.kremalicious.com/?p=61#comment-48772 Great showcase! It was very inspiring to me for creating my new portfolio. I use parallax effects with the clouds and the footer :) http://www.thejohnsmith.com Great showcase!
It was very inspiring to me for creating my new portfolio.
I use parallax effects with the clouds and the footer :)
http://www.thejohnsmith.com

]]> By: Bruno Bergher http://www.kremalicious.com/2008/05/showcasing-the-css-parallax-effect-12-creative-usages/#comment-48462 Bruno Bergher Fri, 29 May 2009 15:08:30 +0000 http://www.kremalicious.com/?p=61#comment-48462 Nice compilation. I've also used an effect along these lines in a website I recently designed: http://www.malocaestudio.com (The company is a sound recording and editing studio in Brazil—just so you can understand the rationale behind the sound waves.) Nice compilation.
I’ve also used an effect along these lines in a website I recently designed: http://www.malocaestudio.com

(The company is a sound recording and editing studio in Brazil—just so you can understand the rationale behind the sound waves.)

]]> By: ncilingir http://www.kremalicious.com/2008/05/showcasing-the-css-parallax-effect-12-creative-usages/#comment-46022 ncilingir Sat, 25 Apr 2009 13:57:06 +0000 http://www.kremalicious.com/?p=61#comment-46022 First i saw parallax usage with jquery on <a href="http://dezignus.com/" rel="nofollow">dezignus</a>. i found that jParallax is a plugin for jquery, available at <a href="http://webdev.stephband.info/parallax.html" rel="nofollow">http://webdev.stephband.info/parallax.html</a>. i have used it on my latest design. <a href="http://www.yolcudergisi.com" rel="nofollow">http://www.yolcudergisi.com</a> First i saw parallax usage with jquery on dezignus. i found that jParallax is a plugin for jquery, available at http://webdev.stephband.info/parallax.html.

i have used it on my latest design. http://www.yolcudergisi.com

]]> By: Nicolas http://www.kremalicious.com/2008/05/showcasing-the-css-parallax-effect-12-creative-usages/#comment-45203 Nicolas Mon, 20 Apr 2009 07:28:42 +0000 http://www.kremalicious.com/?p=61#comment-45203 It would be good if it were possible to do some vertical parallax (on v-scroll), since most users won't resize the viewport and thus the effect is lost. It is not possible to position a background image so as to move along with the vertical scroll bar, right? (except the extreme case of "position:absolute", where it will stick to the viewport) I guess it's easy with jQuery and the like, though... It would be good if it were possible to do some vertical parallax (on v-scroll), since most users won’t resize the viewport and thus the effect is lost. It is not possible to position a background image so as to move along with the vertical scroll bar, right? (except the extreme case of “position:absolute”, where it will stick to the viewport)

I guess it’s easy with jQuery and the like, though…

]]> By: Scott http://www.kremalicious.com/2008/05/showcasing-the-css-parallax-effect-12-creative-usages/#comment-9325 Scott Wed, 08 Oct 2008 07:17:55 +0000 http://www.kremalicious.com/?p=61#comment-9325 I designed this ecommerce site back in July: http://www.marineworld247.com The Parallax Effect is a hidden gem when resizing the width, but it's put to good use on the images. The design features both stock photos as well as some good ol' get-your-hands-dirty-with-Photoshop effects. I enjoyed the project quite a bit. Feel free to share, if so desired ;) I designed this ecommerce site back in July: http://www.marineworld247.com

The Parallax Effect is a hidden gem when resizing the width, but it’s put to good use on the images. The design features both stock photos as well as some good ol’ get-your-hands-dirty-with-Photoshop effects. I enjoyed the project quite a bit.

Feel free to share, if so desired ;)

]]> By: anna http://www.kremalicious.com/2008/05/showcasing-the-css-parallax-effect-12-creative-usages/#comment-8914 anna Fri, 03 Oct 2008 20:03:54 +0000 http://www.kremalicious.com/?p=61#comment-8914 I came across this site today: http://stephband.info (on the right some demos) I came across this site today: http://stephband.info (on the right some demos)

]]>