2017 altex.ro

Com schimbam pozitia unei imagini ?

Cu ajutorul stilului CSS se poate schimba pozitia unei imagini. Avem nevoie de a crea o clasa numita flipH cu aceasta se poate modifica pozita unei imagini cand mouse-ul trece peste ea. Efectul este vizibil pe orice browser.

Mergem la Aspect --> HTML/Javascript si inainte de ]]></b:skin> adaugam urmatorul cod:

.flipH { /* cualquier propiedad */ }
.flipH:hover {
-moz-transform: scaleX(-1); // Firefox
-o-transform: scaleX(-1); // Opera
-webkit-transform: scaleX(-1); // Chrome y Safari
transform: scaleX(-1); // w3org
filter: FlipH; // Internet Explorer
}

salveaza modificarile si acum mergem la o postare noua unde vom adauga:

<img class="flipH" src="URL_imagine" />
schimba URL_imagine cu respectiva imagine care doresti sa apara in postare.
Un exemplu in imaginile de mai jos --> trece mouse-ul peste ea!

0 comentarios:

Trimiteți un comentariu

Bine ai venit!
In continuare poti lasa mesajul tau.

Multumesc