Magazine Informatica

Bellissimo effetto di rotazione per le immagini.

Creato il 18 novembre 2015 da Hugor @msdiaz61

Con il CSS3 è possibile creare effetti straordinari da postare in una qualsiasi pagina web quale quello del testo in 3 dimensioni o quello che serve per la realizzazione di un bottone con font originali. È anche possibile realizzare un Effetto Zoom al passaggio del cursore. 

Le trasformazioni di maggior impatto riguardano le immagini che possono essere fatte ruotare al passaggio del cursore oppure che ruotano quando ci si clicca sopra. Le immagini quadrate possono infine essere rese circolari e anche fatte ruotare.

css-effetti

Con questo post voglio mostrare un effetto un po' più complicato ma comunque sempre di facile installazione. Le immagini al passaggio del mouse ruoteranno di 360 gradi e diventeranno circolari. È stato introdotto anche un bordo e una ombreggiatura. Il codice da usare è il seguente


<>
<><>< ><><>

òàò<>à èò

Effetto

è<><>ù<> 

è


Ritornare alla prima pagina di Logo Paperblog