Perche ti conviene di imparare transizioni, trasformazioni e animazioni CSS.

Oggi parleremo di trasformazioni e animazioni in CSS. Visitatori del tuo sito vogliono sempre qualcosa di nuovo e dinamico? Allora imparando queste due proprietà di css sicuramente potresti rendere il tuo sito piu interesante e diverso da tanti altri .

A prima vista potresti pensare ma dove potrei usarli queste proprietà mica dovrei fare un cartone animato!
E certo, per questo esistono tanti altri strumenti e programmi piu adatti.  Ma che anche con trasformazioni e animazioni CSS potresti fare dei elementi molto interessanti e interattivi sul tuo sito, vediamo alcuni esempi, qualcuno di esso abbiamo gia revisto sulle pagine di questo sito come per esempio  media player

 

 

Passa sopra con puntatore per estrare disco vinilico

Per essere preciso in questo esempio a parte trasformazioni  abbiamo inserito Javascript ma soltanto per far partire canzone e fermarla tutto il resto e sto parlando del aspetto visivo è realizzato con trasformazioni, transizioni e semplice ombra (per realizzare disco vinilico).

Se il tuo sito è dedicato a bambini allora queste proprietà ancora di piu diventeranno indispensabili per animare sito
vediamo un altro esempio e piu complesso e mostra come si muovono pianete nel universo.

 

 

Ma anche nei siti comuni come eCommerce per esempio c'e un largo campo di utilizzo, per esempio abbiamo gia mostrato come presentare un articolo in un negozio online e recentemente voltando pagine di pinterest ho trovato una bellissima idea per presentare bevande sul web ma in realta la idea potrebbe essere usata anche in altri campi.

scrinshot
E come la base per realizzaaione posiamo usare elementi che abbiamo gia visto sul nostro sito come questo:

 

Te
di camomilla

Dal nostro articolo dove abbiamo spiegato come realizzare figure molto complesse e dopo usare un esempio dalla nostra raccolta di trasformazioni 3D come questa

  • Esempio 6

    La tua guida Scopri di piu

  • e alla fine realizzare la idea dallo scrinshot del sito del bar sopra

    • Mokka

      1,8 Euro

      Mokka

      Una perfetta combinazione di caffè espresso al cioccolato e latte con panna montata

      1,8 Euro
      Ordina!
    • Mokka

      1,8 Euro

      Mokka

      Una perfetta combinazione di caffè espresso al cioccolato e latte con panna montata

      1,8 Euro
      Ordina!

    Ovvio creando la bozza in seguito dovremo attraverso php e mysqli inserire in questo esempio elementi corrispondenti  a bevanda in vendita ma questo e gia un altra storia.

    Lo scopo del articolo era di mostrare che non ci sono strumenti inutili basta capire come funzionano e i posti del utilizzo non mancheranno. Rendi il tuo sito diverso. Come dice uno slogan della economia moderna .

    Cambiati o mori!

     
Letto 171 volte