Azi este Miercuri, 13 de August.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:

  • 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.… Read More
  • Generator online CSS3Vom vedea ce se poate face folosind stilul CSS3 Playground , un generator online, care ne dă posibilitatea de a juca cu caracteristicile CSS3.Unele dintre lucrurile pe care le obţine sunt colturi rotunjite, umbre picătură pe … Read More
  • Meniu orizontal simplu cu stilul CSSUn meniu este o piesa importanta intr-un blog pentru ca ne ajuta sa punem ordine in continutul lui. Un meniu creat cu CSS este mai usor de adaugat pe un blog decat un meniu creat cu un script.HOMEEnlace-1Enlace-2Enlace-3Enlac… Read More
  • Butoane cu CSS3 pentru blogAceasta este o alta forma de a construi butoane fara imagini,folosind umbre si alte efecte cu CSS3,adevarat cu cateva limite, dar functionand cu orice browser.mergi la Aspect -- Editere HTML/Javascript si inainte de linia ]]&… Read More
  • Comprimare CSSCSS Compressor dupa cum sugereaza si numele este un compresor CSS si este foarte util daca dorim ca,pagina blogului sa nu devina interminabila cand adaugam un stil CSS.Dupa ce am facut cateva probe , acest compresor nu altere… Read More

0 comentarios:

Trimiteți un comentariu

Bine ai venit!
In continuare poti lasa mesajul tau.

Multumesc