3D Transforms (transformace) - Český CSS3 manuál

HTML a CSS Manuál Ostatní vlastnosti 3D Transforms (transformace) - Český CSS3 manuál

Metody pro 3D Transformace

RotateX()

Otočí element kolem osy X o zadaný úhel.

div
{
        transform: rotateX(120deg);
        -webkit-transform: rotateX(120deg); /* Safari and Chrome */
        -moz-transform: rotateX(120deg); /* Firefox */
}

RotateY()

Otočí element kolem osy Y o zadaný úhel.

div
{
        transform: rotateY(130deg);
        -webkit-transform: rotateY(130deg); /* Safari and Chrome */
        -moz-transform: rotateY(130deg); /* Firefox */
}

K metodám zmíněným v předchozím tutoriále je možné použít dodatečné 3d:

transform: matrix3d(n,n,n,n,n,n,n,n,n,n,n,n,n,n,n,n);
transform: translate3d(x,y,z);
transform: scale3d(x,y,z);
transform: rotate3d(x,y,z,úhel);

 

  Aktivity (1)

Manuál pro vás napsal David Jančík [sczdavos]
Avatar
Autor je vášnivý programátor v .NET C# a PHP. Nezná slovo "nelze", nebojí se zkoušet nepoznané a pronikat do nových technologií.

Miniatura
Všechny články v sekci
Ostatní CSS vlastnosti

 

 

Komentáře

Děláme co je v našich silách, aby byly zdejší diskuze co nejkvalitnější. Proto do nich také mohou přispívat pouze registrovaní členové. Pro zapojení do diskuze se přihlas. Pokud ještě nemáš účet, zaregistruj se, je to zdarma.

Zatím nikdo nevložil komentář - buď první!