CSS3 Android Logo

View code Play Walkthrough

Description

Android logo made in CSS3 with hover animations using CSS3 transitions. Originally made by Diogo CorrĂȘa.

Add New Comment

13 Comments

(close)
Marius

Marius

That’s just amazing. Great job. Working in Chrome, Firefox, Safari. Ok in Opera, only not moving :) Of course, not working in IE :p

Vladimir Starkov

Vladimir Starkov

You are using wrong order of vendor-prefixes:
border-radius: 10px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;

And the right order is:
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;

Fransuisse

Fransuisse

Instead create propertie CSS “.l_arm,.r_arm” you can create a class arm applicated in the arm div and remplace “.l_arm,.r_arm” by “.arm”. I think that take less charactere

Ryan

Ryan

I think you just taught me how to draw in CSS :D

hamimferdous

hamimferdous

Great work man! keep it up!

Daniel Silver

Daniel Silver

Amazing work!

macs

macs

put a bleepin pause button on it! the pause button doesn’t work!!!!!

Davide

Davide

Great job. Very beautiful!!!!!!!

fan

fan

You help me to open another window!!!English is not good,sorry

e11world

e11world

I love how this shows me and teaches me the new css techniques. Thank you very much!

Tom

Tom

The pause button doesn’t work, but the android does! Nice!

5x 10x 15x 20x

13 Comments

Description