Rotolare una lattina di Coca in giro con puro CSS

Román Cortés sta avendo un sacco di divertimento con i trucchi CSS in questi giorni. Ha appena costruito una rotazione esempio coke CSS può che utilizza background-attachment, background-position, e alcuni trucchi di altri per ottenere l'effetto. N. CSS3 fantasia necessaria qui!

I pezzi chiave utilizzata:

CSS:

  1. p (
  2. coke-label.jpg ) ; background-image: url (coke-label.jpg);
  3. ; background-attachment: fixed;
  4. ; background-repeat: repeat-x;
  5. width: 1px;
  6. )
  7. : 5px 30px; } # x1 (background-position: 5px 30px;)
  8. : 0px 30px; } # x2 (background-position: 0px 30px;)
  9. : -3px 30px; } # x3 (background-position:-3px 30px;)
  10. : -6px 30px; } # x4 (background-position:-6px 30px;)
  11. : -8px 30px; } # x5 (background-position:-8px 30px;)

Essa aiuta a vedere il possibile e l'involucro che è posto intorno ad esso.

Rotolare una lattina di Coca in giro con puro CSS

Tags:

0 Commenti

Puoi essere il primo a lasciare un commento.

Lascia un tuo commento





XHTML: Puoi utilizzare questi tag:
<a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>