Skip navigation

I looked at this briefly the other day before attending the CSS3 Workshop with Clearleft on Friday (I will write a bit more on that later). After understanding what components have been used to create this sexy bit of CSS3 and jQuery I am even more impressed by it.

Pushing Pixels by Daniel Kurdoghlian

Pushing Pixels by Daniel Kurdoghlian

Daniel has utilised CSS3 box-shadow and border radius to create this interactive experience.

Flick the switch to turn on the light on and the title produces a shadow. Move the bulb or the title itself around the screen and you will see the shadow move in relation to the light source. Going one step further, moving the light further away from the title weakens the strength of the shadow and in turn, moving it closer makes a stronger harder shadow.

http://pushingpixels.at/experiments/dynamic_shadow/

Advertisements

2 Comments

  1. What’s up, this weekend is good in support of me, since this occasion i am reading this
    fantastic informative piece of writing here at my house.

  2. I constantly spent myy hhalf aan hour to read
    this blog’s posts daily along with a cup of coffee.


Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s

%d bloggers like this: