Css3 – roteste un element

Written by on 3 June 2010 in Css&Design - No comments

De multe ori avem nevoie pe un site sa punem un element rotit un pic la un unghi de 30 de grade de exemplu. Ce poti face?

Poti merge pe varianta clasica sa faci o imagine pe care sa o rotesti si sa pui pe site doar aceasta.

Insa poti sa te folosesti de noile optiuni ale CSS3 si sa rotesti un anumit element.

Poti face aceasta cu urmatorul cod:


-moz-transform:rotate(120deg);

-moz-transform:rotate(120deg); -moz-transform:skewx(25deg) translatex(150px);

-webkit-transform:rotate(120deg);

Oamenii au ajuns aici cautand:

  • cum fac o imagine sa se roteasca
  • cum sa rotesc o imagine la 30 de grade
  • cum sa rotesc imaginea la google
  • cum sa pun o poza intr-un video sa se roteasca
  • cum rotesti o imagine 3d cu google sketchup

Daca ti-a placut acest articol, recomanda-l si altora folosind butoanele pentru Twitter, Facebook si Google +1.

CSS 3

CSS 3 este o versiune a CSS-ului, un standard de formatare web. Css 3 este inca in lucru si in momentul de fata nu se poate spune multe despre el. Cu toate acestea CSS 3 va suporta multe dintre functiile necesare in prezent pentru web. Puteti vizita  Citeste mai mult


Despre autor

Agavriloaie Marius

Sunt programator web in PHP. Cunosc bine PHP 5, mySQL 5, Javascript, CSS, HTML, Ajax,Symfony, etc. Am participat la dezvoltarea multor proiecte complexe dar si simple si fac totul cu pasiune si placere.

Comenteaza prin Facebook:

Leave a Comment