[rukh]

To drzewo w 3D zrobiłem około 8 lat temu w CSS.
Zero skryptowania, według tej instrukcji: webkod.pl - sześcian 3D

Drzewo:
https://codepen.io/rukh/pen/WPXrPV

Domek z otwieralnymi drzwiami i oknami:
(tutaj JS robi za obrót kamerą, wpisuje współrzędne kursora w kod CSS)
https://codepen.io/rukh/pen/zBOyoz

Otwieralne skrzynie:
https://codepen.io/rukh/pen/jbMrmo

Skacząca żaba w galerii handlowej i schody ruchome:
link.gif


#cssdemo #html #css #webdev

[77LatBedeNiedojrzaly]

@rukh: nieźle miras

[matkaPewnegoMirka]

@rukh: nie znałem tego, zajefajne :) ps. dzięki za źródła! Wpis do ulubionych:)

[Deykun]

@rukh:
Jakby co FF ma od lat #!$%@? krawędzie i brak antyaliasingu i outline: 2px solid transparent; to rozwiązuje.

[rukh]

@Deykun: i inne przeglądarki mają zużywać więcej zasobów, bo głupi Firefox nie potrafi w Antyaliasing ..
Może jeszcze wsparcie dla Explorera zrobić xD

Już wiele lat temu powinni to naprawić. Nikt im tego nie zgłaszał?

[rukh]

@matkaPewnegoMirka:
Jeszcze jest strona

the-art-of-web.com
Pod linkiem materiał z 2011 roku.
Jeszcze był ciekawy wpis o animacjach CSS.

[matkaPewnegoMirka]

@rukh: dzięki :)