10 świetnych efektów użytych na zdjęciach

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!

Mogą Cię zainteresować:

Chętnie zaproponuję Ci coś jeszcze

Czy chcesz dodać coś od siebie?