Válí se ti projekty v šuplíku? Dostaň je mezi lidi a získej cool tričko a body na profi IT kurzy v soutěži ITnetwork summer 2017!
Přidej si svou IT školu do profilu a najdi spolužáky zde na síti :)

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

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

Unicorn College ONEbit hosting Tento obsah je dostupný zdarma v rámci projektu IT lidem. Vydávání, hosting a aktualizace umožňují jeho sponzoři.

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);

 

 

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
Aktivity (1)

 

 

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í!