05. Efekty hover, transition, transform

MIROSŁAW ZELENT

Dziś zajmiemy się tak zwanymi hover effects, czyli efektami które pojawiają się po najechaniu na element kursorem. Bardzo często obserwujemy takie efekty na stronach internetowych i zapewne dlatego równie często o to pytacie. Stworzymy stronę internetową, która będzie zawierała 6 zdjęć pięknych miejsc na naszej planecie i każdy taki obraz wyposażymy w ciekawy efekt najechania na niego kursorem. Czasem zdjęcie pod wpływem interakcji poruszy się, czasami pojawi się dodatkowy tekst w nakładce, jak również będziemy w stanie uzyskać jego przybliżenie. Wykorzystamy między innymi: pseudoklasę hover, właściwości transition, transform i overflow oraz relatywne i absolutne pozycjonowanie.

Pobierz paczkę ZIP

Poprzedni wpis

Następny wpis

Zobacz także

Daj się zaskoczyć! Poniżej wylosowałem dla Ciebie pięć wpisów z innych kategorii blogowych aniżeli ta, którą właśnie przeglądasz:

Zamów książki o IT sec z kodem: pasja

Można już zamawiać dwa tomy książek "Wprowadzenie do bezpieczeństwa IT". Mamy dla Was kod: pasja (użyjcie go w koszyku), dzięki któremu uzyskamy aż 15% zniżki! Dziękujemy ekipie Sekuraka za fajny rabat dla naszej Społeczności! Zamówień można dokonywać tutaj:

Tom 1 Tom 2

Pomóż dzieciom

Polska Akcja Humanitarna od wielu lat dożywia dzieci. Proszę, poświęć teraz dosłownie chwilę i pomóż klikając w oznaczony strzałką zielony brzuszek Pajacyka. Dziękuję!

Kategorie wpisów