05. Efekty hover, transition, transform

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.

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:

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ę!

Komentarze

Disqus
Bądź na bieżąco
Pasja informatyki