Polski Front-End Logo


Polskie serwisy na temat front-endu

kodu.je - ikonakodu.je

Trójwymiarowa animowana kostka w samym CSS!

01-06-2017

Cześć! 

Pamiętacie materiał flipcards? Stworzyliśmy wtedy obracającą się kartę za pomocą perspektywy oraz odpowiednich transformacji  w CSS. 

W tym materiale pójdziemy o krok dalej - od zera zakodujemy obracającą się trójwymiarową kostkę - bez WebGL, bez JavaScriptu - sam CSS! 

Omawiany kod źródłowy: http://jsbin.com/picusavage/edit?html,css,output (ja JSbinie przełączanie klas może nie działać jak na filmiku, możecie przekopiować to np do Bracketsa)

Podczas tworzenia tego przykładu korzystaliśmy z przeglądarki Google Chrome w wersji 57.0.2987.110 (64-bit)

Pamiętajcie, że przykłady widocz...

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.