Animacja CSS

pytanie zadane 23 czerwca 2018 w HTML i CSS przez Vinchit Obywatel (1,040 p.)

Cześć,

Chciałbym się dowiedzieć jak można zrobić animacje w CSS (o ile to można zrobić w CSS) polegającą na "wgłębianiu bloku" czyli np. przesunięcie kursorem na lewą stronę bloku spowoduje jego wepchnięcie w ekran robiąc efekt 3D i tak z każdą stroną bloku (góra, dół, lewo, prawo).

3 odpowiedzi

odpowiedź 23 czerwca 2018 przez Tomek Sochacki Ekspert (227,510 p.)

Generalnie animacje robi się z @keyframes ale domyślam się, że Tobie chodzi o taki jakby dynamiczny efekt, czyli im bliżej przesuwam do lewej tym bardziej jest wklęsłe itp.? Jeśli tak to nie obejdzie się bez JS, ponieważ w css hovera możesz ustawić tylko na caly element.

W JS mógłbyś natomiast analizować położenie kursora, albo w ogóle tak sobie myślę, czy do takich efektów nie sprawdziłby się canvas? Ale to trochę gdybanie, bo przyznam że osobiście uciekam od animacji i ogólnie grafiki najdalej jak się da :)

Ale powiem Ci, że w sumie ciekawy temat zarzuciłeś na animację... nie chodzi mi tyle o sam wygląd co o algorytm do tego... Może zacznij coś tworzyć na codepen i wspólnie coś wymyślimy :)