Współczesne wersje technologii webowych powalają nam na tworzenie bardzo ciekawych efektów, które sprawiają, że nasze witryny stają się znacznie bardziej interaktywne oraz przyjemniejsze w odbiorze.
Dlatego w tym artykule pokażę Ci przykłady tego, w jaki sposób przy pomocy CSSa oraz JavaScriptu możemy stworzyć świetne efekty gotowe do użycia na wszelkich grafikach dodanych do stron internetowych. Zapraszam!
Numer 1: Three Image Transition by Szenia Zadvornykh
Autor: Szenia Zadvornykh.
Numer 2: Romantic Zoom Effect
Autor: Adrien Bachmann.
Numer 3: Direction-aware 3D hover effect (Concept)
Autor: Noel Delgado.
Numer 4: Venetian Blinds
Autor: Dimitra Vasilopoulou.
Numer 5: 3D Hover Interactio
Autor: Bhakti Al Akbar.
Numer 6: Image with reflection and proximity effect on hover
Autor: Tiago Alexandre Lopes.
Numer 7: Split image in tiles
Autor: Fabio Ottaviani.
Numer 8: 3D Thumb Image Hover Effect
Autor: MrPirrera.
Numer 9: Displacementmap image transition
Autor: Felix Knox.
Numer 10: SVG clip-path Hover Effect
Autor: Noel Delgado.
Podsumowanie
Tak oto prezentuje się zestawianie dziesięciu bardzo ciekawych efektów użytych na zdjęciach i stworzonych za pomocą CSSa oraz w kilku przypadkach JavaScriptu.
Mam nadzieję, że zainspirowały Cię one do stworzenia czegoś pięknego na własnej stronie internetowej!
