19 плъзгача или въртележка CSS и HTML за вашия уебсайт

безплатни плъзгачи

Чрез това уебсайтове, които заемат цялата ширина на екрана, откриваме, че могат да бъдат интегрирани определени елементи, които могат да бъдат полезни за показване на цяла извадка от продукти за продажба или пътуванията, които можем да предложим за лятото. Въртележките или плъзгачите са един от онези уеб елементи, които ни позволяват да показваме продуктите си по много привлекателен начин визуално.

Лос Безплатни плъзгачи, скролери или въртележки в CSS които ще намерите по-долу, съставете добър репертоар за всички видове цели в работата, които ще покажем на клиента, преди да приеме бюджета ни. Това е колекция от плъзгачи в HTML и CSS с малко JavaScript в хоризонтален и вертикален формат. Нека го направим, за да имате достъп до кода, за да ги внедрите бързо.

Хоризонтални въртележки

Отзивчив

Тази въртележка се състои от a доста крещяща анимация сякаш рисуваме завеса, просто да намалим снимките и иконите на профилите, които ще установим в този плъзгач. Това е идеална въртележка за препоръки от потребители, които са много доволни от продуктите, които продаваме в мрежата.

Плъзгач за кекс
Свързана статия:
27 HTML и CSS плъзгачи, за да придадете на уебсайта Ви специална нотка

Отзивчива безкрайна въртележка

Самовъзпроизвеждане

Този плъзгач е като рекламата, която понякога може да се види на футболните игрища отстрани и показва различни реклами, които се превъртат хоризонтално. Той е идеален за целеви страници, които трябва да показват партньори на марката и други видове лога.

Въртене на въртележка

3D въртележка

Този свитък се откроява с React.js. което се поддава на показване на изображения с пропорционален размер, докато преминаваме от едно изображение на друго в непрекъсната анимация. Малко повече да кажем за този доста прост CSS, но от голям ефект, ако знаем как да го позиционираме правилно в мрежата.

Гладък 3D плъзгач

3D въртележка

Съставена от HTML, CSS и JavaScript, тази 3D въртележка се откроява със своята плавност и подскачаща анимация със страхотен визуален ефект. С поредица от елементи, които идентифицират всяка карта, работа и привличаща вниманието въртележка, за да я включите във вашия уебсайт.

Свързана статия:
46 Плъзгачи и скролери на Javascript

Автоматична безкрайна въртележка

Безкрайна въртележка

Плъзгач, който, както предупреждава собственото му име, се показва автоматично без потребителят да се налага да взаимодейства за нула време с него. Различните изображения, които съставят тази поразителна въртележка, се появяват поради прехода, в който тя магически избледнява.

Завъртете въртележка

Завъртете въртележка

С елемента hover това плъзгачът се движи отляво надясно, или обратно, докато оставяме показалеца на мишката над него. Плавен преход за преместване между различните снимки, които могат да съставят този плъзгач на изображението.

Мобилна въртележка

Мобилна въртележка

също наречен Въртележка Материален дизайн, и с текущата тенденция с всички видове карти, тук можете да намерите друга статия с голям брой от тях в CSS / HTML, той се дистанцира от останалите, като е съставен от езика на дизайна, публикуван от Google. Можете да премествате различните карти с продължително натискане върху картите.

Въртележка за подаване на Instagram

Instagram

Можете да разбиете идеята зад този плъзгач, който се откроява от лента от изображения, които могат да бъдат увеличени като щракнете върху един от тях. Анимация с голям ефект, въпреки че е насочена към определен тип уебсайт. Публикации в Instagram, заведени на въртележка на slick.js.

Обикновена синхронизирана въртележка

Обикновена въртележка

Има много общо с предишния, особено в лентата от изображения взаимодействието с плъзгача е много различно като го преместите с страничен жест отляво надясно и обратно. Отново имаме slick.js, който прави своето. Поразяващ със страхотния си ефект.

3D хоризонтални въртележки

3D хоризонтална въртележка

Една от най-интересните въртележки в целия списък, който публикуваме. Откроява се за вашите хоризонтални плъзгачи в CSS и HTML които се движат фантастично добре. Трябва само да оставите показалеца на мишката върху полетата, за да намерите различните ефекти, които могат да се получат с четирите вариации.

Въртележка на CSS

3D CSS

Прост и страхотен визуален ефект с поредица от карти, които се редуват от пред. Ефектът е в 3D, така че е един от тези плъзгачи, които привличат много внимание, особено поради минималния отскок ефект, който показва гениалност от страна на създателя на същия.

Въртележка за Bootstrap на Ambilight

Въртележка за начална лента

Прост плъзгач със страхотен ефект, който не се откроява много. Е един от онези прости плъзгачи което обикновено търсим и което създава усещането, че сме такъв, без много шум, но това напълно изпълнява функцията си.

Екип на въртележка

Екип на въртележка

Ако искате да представите редакторския екип, който имате в блога, този плъзгач е перфектен в ролята си. Добър подобен на предишния, колко е прост. Откроява се с използването на диаманти за поместване на всяка от снимките на екипа. Има автоматично възпроизвеждане.

Въртележка Куб

3d куб

Плъзгач, който се откроява като куб, в който всяко от лицата е едно от изображенията или снимки, които искаме да покажем на уебсайт. Трябва само да кликнете върху всеки един от тях, за да ги превъртите и да разберете какво съдържание ви очаква.

Въртележки със стрелки

CSS ключове

Плъзгач, през който преминава взаимодействието с помощта на клавишите със стрелки. Обикновено, без много шум, което отива директно към друг тип взаимодействие, което изглежда от преди години. За конкретна употреба.

Вертикални въртележки

Вертикална въртележка

Плъзгач със страхотен визуален ефект, който автоматично се възпроизвежда в непрекъсната вертикална анимация който се откроява със своите карти със заоблени ъгли. Много актуален и един от тези, които се открояват сами по себе си от целия този списък.

Чиста CSS въртележка

въртележка

Тази въртележка се откроява с това, че има странично меню, от което можем да отидем щракване върху всяка от опциите му. Информацията се появява с добре постигнат ефект на отскок, без много повече от казаното.

Вертикална въртележка реагира

въртележка

Подобно на предишен за своята вертикалност, въпреки че този плъзгач може да поеме цялата ширина на страницата, за да покаже изображенията на всеки от нейните раздели. Интересно с големия си формат и използването на CSS преходи за плъзгане между слайдове.

3D Сплит въртележка

разцепен

Страхотен визуален ефект с модел на плъзгачи, който се върти в 3D с много поразителна анимация. Можете да изберете всяка от опциите от лявото странично меню с точки за всяка от тях. Един от най-добрите в списъка за това колко творчески е той.


4 коментара, оставете своя

Оставете вашия коментар

Вашият имейл адрес няма да бъде публикуван. Задължителните полета са отбелязани с *

*

*

  1. Отговорен за данните: Мигел Анхел Гатон
  2. Предназначение на данните: Контрол на СПАМ, управление на коментари.
  3. Легитимация: Вашето съгласие
  4. Съобщаване на данните: Данните няма да бъдат съобщени на трети страни, освен по законово задължение.
  5. Съхранение на данни: База данни, хоствана от Occentus Networks (ЕС)
  6. Права: По всяко време можете да ограничите, възстановите и изтриете информацията си.

  1.   Майра орелана каза той

    Добро утро, искам да използвам Pure CSS Carousel на моя сайт, но той се намира само в една позиция, как мога да го направя да се намира в позицията, която искам в рамките на моята страница.

    Моля за вашата помощ с това. Много ви благодаря

  2.   Ксавие Канисарес каза той

    Как мога да накарам Hover Carousel да се показва добре в мобилната версия на моя уебсайт?

  3.   Gabriel каза той

    Отлично, каква добра работа свършиха!

  4.   Тони Замбрано каза той

    Здравейте, вагонните къщи са много готини, но веднага щом го кача, копирам и поставям, javascrip ми дава грешка поради var max = $ ('# c> li). Какво предлагате