Azi este Duminica, 6 de Aprilie.2017

cu reduceri

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!

Related Posts:

  • Scurtaturi de browser pe care ar trebui să le ştiCateva trucuri pe care utilizatorii dependenti de mouse le vor considera "magice". Ele sunt folosite de utilizator avansat cu mare usurinta.Din cauza complexitatii anumitor operatiuni, multi neglijeaza si uita de cateva scurt… Read More
  • Redirectionarea dominiilor blogspot pe tari !In urma cu cateva saptamani anuntam ca, Blogger incepe redirectionarea dominiilor in functie de tara unde este lansat un blog. Este ceva rau in asta? cu siguranta da. In pagina lor oficiala Blogger anunta ca: "După această sc… Read More
  • Alte variante ale efectului :hoverIn dabblet.com se gasesc multe exemple interesante folosind efectul hover pe link-uri text, cele mai multe dintre ele sunt comune.Printre acestea, sunt două pe care le-am găsit interesant. Primul este de a adăuga o culoare de… Read More
  • Cum se poate naviga pe Internet fără a fi detectatMotivul pentru care eşti invadat de reclame pe internet pentru produse la care te-ai uitat recent online este pentru ca aceşti comercianţi îţi monitorizează istoria internetului.Multumita serviciilor online care iti instale… Read More
  • Panglici blog pentru Jocurile Olimpice, (Londra 2012)La cererea expresa a catorva persoane care detin bloguri cu dedicatie sportiva, am pus cateva decoratiuni simple, dar frumos, care fac aluzie la Jocurile de la Londra 2012.Există şapte panglici pe care le-am proiectat astfel … Read More

0 comentarios:

Trimiteți un comentariu

Bine ai venit!
In continuare poti lasa mesajul tau.

Multumesc