Polski Front-End Logo


Polskie serwisy na temat front-endu

Full Stack Geek - ikonaFull Stack Geek

CSS Transform

16-05-2018

Jak wspominałem we wpisie dotyczącym animacji (jeśli go czytaliscie to zapraszam tutaj) podczas tworzenia jej poszczególnych klatek możemy przekształcać animowany obiekt. Poruszać go, zmieniać rozmiar, kształt czy też obrót.  Wszytsko to możemy osiągnąć przy pomocy właśności transform  w CSS



CSS transform

Oczywiście sama właściwosć sama nic nie zrobi. Wszystko zależy od tego jakie podamy wartości a do wyboru mamy 5 grup przekształceń:


Translate
Scale
Rotate
Skew
Matrix


Wszystkie przekształcenia mają swoją wersję zarówno dla prostego 2D, gdzie mamy tylko dwie osie X i Y oraz 3D gdzie do...

Chcesz więcej? Przeczytaj w oryginale!

Przejdź do artykułu

Copyright@2017 - Na Frontendzie

Ta strona, tak jak praktycznie każda w internecie, wykorzystuje ciasteczka.