Animacja jak ją zrobic (lub podobną) link w opisie

Question

http://www.9literfilmy.pl/sk/nasze-produkcje/   po najechaniu myszką na element "X" zamienia sie w linie pionową w kodzie nigdzie nie moge tego znaleźć elementu,  nie jest też to canvas. Potrzebuje uzyskać podobny efekt . Ktoś coś?

Answer 1

Jest to robione za pomocą pseudoelementów :before i :after. Nic trudnego tutaj nie ma. Na początku linie są po prostu pod pewnym kątem (rotate), a po najechaniu na element (div) jest inna wartość właściwości rotate. Płynne przejście uzyskane dzięki właściwości transition.

P.S.

Przydatne narzędzie - Chrome DevTools, żeby sprawdzać jak coś działa.

Comments

Dziękuje