|

Przykładowe realizacje karuzel na stronę internetową [CSS][JS]

przezAurelia Sypniewska
Czas czytania: 2 minut

Dziś kolejna dawka inspiracji. Tym razem przygotowałam kilka ciekawych karuzel.

Poniżej umieściłam 14 przykładowych realizacji karuzel (karuzeli). Zostały one wykonane w technologi CSS oraz JavaScript (jQuery). Być może zainspirują one was do stworzenia ciekawych efektów na waszych stronach internetowych.

Wśród poniższych wizualizacji znaleźć możecie ciekawe i oryginalne rozwiązania, które z łatwością zastąpią slider w witrynie.

carousel

by Dmitriy Lipatov

See the Pen carousel by Dmitriy Lipatov (@liptonicetea) on CodePen.0

Infinite Automatic Carousel

by Julien Lejeune

See the Pen Infinite Automatic Carousel by Julien Lejeune (@jlnljn) on CodePen.0

3d carousel concept test

by web-tiki

See the Pen 3d carousel concept test by web-tiki (@web-tiki) on CodePen.0

Looping Instagram Feed Carousel

by Ryan Mulligan

See the Pen Looping Instagram Feed Carousel by Ryan Mulligan (@hexagoncircle) on CodePen.0

React 3D Carousel component

by Slobodan Blazeski

See the Pen React 3D Carousel component by Slobodan Blazeski (@bobiblazeski) on CodePen.0

Split 3D Carousel

by Paul Noble

See the Pen Split 3D Carousel by Paul Noble (@paulnoble) on CodePen.0

Bootstrap Carousel FadeIn & Fadeout

by Wisnu ST

See the Pen Bootstrap Carousel FadeIn & Fadeout by Wisnu ST (@wisnust10) on CodePen.0

Carousel-3D

by -木马人-

See the Pen Carousel-3D by -木马人- (@jkiss) on CodePen.0

See the Pen Carousel CSS & jQuery by Bobby Craig (@bobbylcraig) on CodePen.0

Carousel

by Vinnie Dauer

See the Pen Carousel by Vinnie Dauer (@vinniedauer) on CodePen.0

Carusel Logotypes v.1.0

by RaJmUnT

See the Pen Carusel Logotypes v.1.0 by RaJmUnT (@RaJmUnT) on CodePen.0

Owl carousel and Animate.css

by Dimbilalaina RAMANGALAHY

See the Pen Owl carousel and Animate.css by Dimbilalaina RAMANGALAHY (@radimby) on CodePen.0

Slider 3D

by Hung Nguyen

See the Pen Slider 3D by Hung Nguyen (@ahung02590) on CodePen.0

[adinserter block=”1″]

dodatkowe tagi:

karuzela css i jquery
slider js
ciekawe rozwiązanie na stronę