• Najnowsze pytania
  • Bez odpowiedzi
  • Zadaj pytanie
  • Kategorie
  • Tagi
  • Zdobyte punkty
  • Ekipa ninja
  • IRC
  • FAQ
  • Regulamin
  • Książki warte uwagi

Animacja CSS

VPS Starter Arubacloud
0 głosów
430 wizyt
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

+1 głos
odpowiedź 23 czerwca 2018 przez Tomek Sochacki Ekspert (227,490 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 :)
komentarz 23 czerwca 2018 przez Vinchit Obywatel (1,040 p.)
Spróbuje coś wyskrobać, będę się odzywać jak coś :)
0 głosów
odpowiedź 24 czerwca 2018 przez pablop76 VIP (123,340 p.)
Może dałoby się to zrobić budując blok z trójkątów i dodawać np: jakiś cień po najechaniu?

Podobne pytania

+1 głos
2 odpowiedzi 481 wizyt
pytanie zadane 16 marca 2021 w HTML i CSS przez Trekeren Początkujący (370 p.)
0 głosów
1 odpowiedź 486 wizyt
pytanie zadane 8 marca 2021 w HTML i CSS przez Trekeren Początkujący (370 p.)
+1 głos
0 odpowiedzi 957 wizyt
pytanie zadane 28 lutego 2021 w HTML i CSS przez lukasz21 Obywatel (1,090 p.)

93,008 zapytań

141,975 odpowiedzi

321,256 komentarzy

62,350 pasjonatów

Motyw:

Akcja Pajacyk

Pajacyk od wielu lat dożywia dzieci. Pomóż klikając w zielony brzuszek na stronie. Dziękujemy! ♡

Oto polecana książka warta uwagi.
Pełną listę książek znajdziesz tutaj

Wprowadzenie do ITsec, tom 2

Można już zamawiać tom 2 książki "Wprowadzenie do bezpieczeństwa IT" - będzie to około 650 stron wiedzy o ITsec (17 rozdziałów, 14 autorów, kolorowy druk).

Planowana premiera: 30.09.2024, zaś planowana wysyłka nastąpi w drugim tygodniu października 2024.

Warto preorderować, tym bardziej, iż mamy dla Was kod: pasja (użyjcie go w koszyku), dzięki któremu uzyskamy dodatkowe 15% zniżki! Dziękujemy zaprzyjaźnionej ekipie Sekuraka za kod dla naszej Społeczności!

...