3d Слайдеры

Предлагаю вашему вниманию большую подборку красивых слайдеров, с помощью современных технологий создающих эффект трёхмерного изображения. Все примеры реализованы на платформе CODEPEN, вы можете сразу копировать код и использовать в своих проектах. Авторство каждого слайдера найдёте в описании.

1. Красивый слайдер с вертикальным перемещением картинок

See the Pen 3D Slider Transform by vavik (@vavik96) on CodePen.

2.Слайдер с управлением мышкой

See the Pen 3d slider jquery by vavik (@vavik96) on CodePen.

3.Слайдер с эффектом параллакса

See the Pen 3d slider by vavik (@vavik96) on CodePen.

4.3Д Карусель

See the Pen 3d slider by vavik (@vavik96) on CodePen.

5.Полноэкранный слайдер изображений

See the Pen 3d jquery slider by vavik (@vavik96) on CodePen.

 

6. Карусель на чистом CSS

See the Pen 3D Slider | Pure CSS by vavik (@vavik96) on CodePen.

7.3D-карусель Slider в полукруге

See the Pen 3D-карусель Slider в полукруге by vavik (@vavik96) on CodePen.

8.3D карусель

See the Pen 3D карусель by oleg (@by_oleg_belyay) on CodePen.

9.Minimalist Cover Flow Slideshow with Pure CSS/CSS3

See the Pen Minimalist Cover Flow Slideshow with Pure CSS/CSS3 by vavik (@vavik96) on CodePen.

10.jQuery Carousel

See the Pen Simple CSS3/jQuery Carousel by Dave Odden (@DaveOdden) on CodePen.

11.3D CSS Carousel

See the Pen 3D CSS Carousel by vavik (@vavik96) on CodePen.

12.3D Rotating Cube Slider

See the Pen 3D Rotating Cube Slider by vavik (@vavik96) on CodePen.

13.jR3DCarousel

See the Pen jR3DCarousel by vavik (@vavik96) on CodePen.

14.Кросс-браузерный 3D-плагин с jQuery – PictureSlider

See the Pen PictureSlider by vavik (@vavik96) on CodePen.

 

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *

Этот сайт использует Akismet для борьбы со спамом. Узнайте, как обрабатываются ваши данные комментариев.