10 shocking animations using CSS and I mean only CSS

On 02.25.10, In CSS, HTML

Well I never knew that CSS can really produce such amazing effects that even games and puzzles can be created by it. cssplay is doing same thing , all examples and demos are worth checking and you will love them all. I have collected 10 demos which I liked most.

.

1. Calculator

.

2. Tic Tac Toe Little Javascript

.

3. Cops and Robbers – CSS puzzle

.

4. Not so simple photograph gallery

.

5. Tower of Hanoi puzzle

.

6. Lamp Light

.

7. Tunnel Vision

.

8. The streaker

.

9. Alert Box

.

10. It’s amazing wot CSS can do

.

That’s all
Cheers!!

Download 642-973 dumps and 642-165 practice test to guarantee pass 1z0-144 exam in first attempt.

Steve

Steve is the Founder and Editor-in-chief of Web Developer Juice. He's web developer with 4 years of experience in CSS, HTML, PHP and javascript. If you’d like to connect with him, point to the contact page and follow him on Twitter: @wdjuice.

Visit Website

Comments

JanB
02.25.10

#2 uses Javascript
#9 wow, a Hover-effect – shocking!!

madhu
02.25.10

great collection!!!

piczoom
02.25.10

very creative use of css, but it’s all pre-defined css values, it’s like counting with your fingers(css) instead of the calculator (javascript) .
thank you for the collection.

Can Aydoğan
02.25.10

Superb! Nice collection.

Tony
02.25.10

Very cool, love the tunnel vision and lamp.

Inside the Webb
02.25.10

Really awesome collection of CSS animations! I’ve started studying CSS more and more, and the deeper you delve into the topic the more it seems you can accomplish

Derek
02.25.10

You’ve got to get out more, these are pretty crude.

Here are some that might be interesting:

http://isithackday.com/hacks/map-rotate/

http://ajaxian.com/romancortes/ajaxian.html

http://www.romancortes.com/blog/pure-css-coke-can/

http://www.romancortes.com/ficheros/meninas.html

http://webkit.org/blog-files/3d-transforms/morphing-cubes.html

http://webkit.org/blog-files/3d-transforms/poster-circle.html
(safari only)

http://www.fofronline.com/experiments/cube/multiCubes.html
http://www.gesteves.com/experiments/starwars.html?nouacheck=1 (safari only)

SM
02.25.10

Great collection! Thanks

Sunny
02.25.10

Nice collection thanx for sharing ;)

Omer Greenwald
02.25.10

Truly awesome stuff! thanks for sharing this

Josh
02.25.10

Cool. That tic-tac-toe game is impossible to beat. I keep getting draw.

cna training
02.25.10

What a great resource!

Simran
02.25.10

Awesome man… I couldnt beleive these are made using CSS only !!

Vishal Lakhani
02.25.10

Hey Very Very Great Collection But i can’t find how to download that CSS specailly that Tic Tac Toe Little Javascript Can anyone tell me how to download or how can i use that??

Cool site! great presentation, and really great content. Thank you for providing this info – del.icio.us poetry was just what i was looking for and helped with my research into %KEYWORD” and related content. Sincerely, Brett

Hoxxy
02.25.10

The streaker cracks me up every time I see it …lol

Brochure Design
02.25.10

wow, these are great animations.

lyrics
02.25.10

Wow great. I didn’t know such things can be made with css only. I am pretty impressed

Portal Dachowy
02.25.10

I enjoyed reading this article. I will come back soon to read it again.

I can´t believe that this is done only using css. I am really impressed

You know.. I don’t ever sense I don’t get enough information here. I adore this site.. : ). Somebody PLEASE take my pc away!!

Belva Sy
02.25.10

There is perceptibly a lot to realize about this. I suppose you made various nice points in features also.

Florentino Ries
02.25.10

My my my, I can feel the nostalgia. Those Golden days are still worth remembering. You presented a true picture of Alfred Rugby and i hope they will keep our heads high