Чрез това уебсайтове, които заемат цялата ширина на екрана, откриваме, че могат да бъдат интегрирани определени елементи, които могат да бъдат полезни за показване на цяла извадка от продукти за продажба или пътуванията, които можем да предложим за лятото. Въртележките или плъзгачите са един от онези уеб елементи, които ни позволяват да показваме продуктите си по много привлекателен начин визуално.
Лос Безплатни плъзгачи, скролери или въртележки в CSS които ще намерите по-долу, съставете добър репертоар за всички видове цели в работата, които ще покажем на клиента, преди да приеме бюджета ни. Това е колекция от плъзгачи в HTML и CSS с малко JavaScript в хоризонтален и вертикален формат. Нека го направим, за да имате достъп до кода, за да ги внедрите бързо.
Хоризонтални въртележки
Тази въртележка се състои от a доста крещяща анимация сякаш рисуваме завеса, просто да намалим снимките и иконите на профилите, които ще установим в този плъзгач. Това е идеална въртележка за препоръки от потребители, които са много доволни от продуктите, които продаваме в мрежата.
Отзивчива безкрайна въртележка
Този плъзгач е като рекламата, която понякога може да се види на футболните игрища отстрани и показва различни реклами, които се превъртат хоризонтално. Той е идеален за целеви страници, които трябва да показват партньори на марката и други видове лога.
Въртене на въртележка
Този свитък се откроява с React.js. което се поддава на показване на изображения с пропорционален размер, докато преминаваме от едно изображение на друго в непрекъсната анимация. Малко повече да кажем за този доста прост CSS, но от голям ефект, ако знаем как да го позиционираме правилно в мрежата.
Гладък 3D плъзгач
Съставена от HTML, CSS и JavaScript, тази 3D въртележка се откроява със своята плавност и подскачаща анимация със страхотен визуален ефект. С поредица от елементи, които идентифицират всяка карта, работа и привличаща вниманието въртележка, за да я включите във вашия уебсайт.
Автоматична безкрайна въртележка
Плъзгач, който, както предупреждава собственото му име, се показва автоматично без потребителят да се налага да взаимодейства за нула време с него. Различните изображения, които съставят тази поразителна въртележка, се появяват поради прехода, в който тя магически избледнява.
Завъртете въртележка
С елемента hover това плъзгачът се движи отляво надясно, или обратно, докато оставяме показалеца на мишката над него. Плавен преход за преместване между различните снимки, които могат да съставят този плъзгач на изображението.
Мобилна въртележка
също наречен Въртележка Материален дизайн, и с текущата тенденция с всички видове карти, тук можете да намерите друга статия с голям брой от тях в CSS / HTML, той се дистанцира от останалите, като е съставен от езика на дизайна, публикуван от Google. Можете да премествате различните карти с продължително натискане върху картите.
Въртележка за подаване на Instagram
Можете да разбиете идеята зад този плъзгач, който се откроява от лента от изображения, които могат да бъдат увеличени като щракнете върху един от тях. Анимация с голям ефект, въпреки че е насочена към определен тип уебсайт. Публикации в Instagram, заведени на въртележка на slick.js.
Обикновена синхронизирана въртележка
Има много общо с предишния, особено в лентата от изображения взаимодействието с плъзгача е много различно като го преместите с страничен жест отляво надясно и обратно. Отново имаме slick.js, който прави своето. Поразяващ със страхотния си ефект.
3D хоризонтални въртележки
Една от най-интересните въртележки в целия списък, който публикуваме. Откроява се за вашите хоризонтални плъзгачи в CSS и HTML които се движат фантастично добре. Трябва само да оставите показалеца на мишката върху полетата, за да намерите различните ефекти, които могат да се получат с четирите вариации.
Въртележка на CSS
Прост и страхотен визуален ефект с поредица от карти, които се редуват от пред. Ефектът е в 3D, така че е един от тези плъзгачи, които привличат много внимание, особено поради минималния отскок ефект, който показва гениалност от страна на създателя на същия.
Въртележка за Bootstrap на Ambilight
Прост плъзгач със страхотен ефект, който не се откроява много. Е един от онези прости плъзгачи което обикновено търсим и което създава усещането, че сме такъв, без много шум, но това напълно изпълнява функцията си.
Екип на въртележка
Ако искате да представите редакторския екип, който имате в блога, този плъзгач е перфектен в ролята си. Добър подобен на предишния, колко е прост. Откроява се с използването на диаманти за поместване на всяка от снимките на екипа. Има автоматично възпроизвеждане.
Въртележка Куб
Плъзгач, който се откроява като куб, в който всяко от лицата е едно от изображенията или снимки, които искаме да покажем на уебсайт. Трябва само да кликнете върху всеки един от тях, за да ги превъртите и да разберете какво съдържание ви очаква.
Въртележки със стрелки
Плъзгач, през който преминава взаимодействието с помощта на клавишите със стрелки. Обикновено, без много шум, което отива директно към друг тип взаимодействие, което изглежда от преди години. За конкретна употреба.
Вертикални въртележки
Плъзгач със страхотен визуален ефект, който автоматично се възпроизвежда в непрекъсната вертикална анимация който се откроява със своите карти със заоблени ъгли. Много актуален и един от тези, които се открояват сами по себе си от целия този списък.
Чиста CSS въртележка
Тази въртележка се откроява с това, че има странично меню, от което можем да отидем щракване върху всяка от опциите му. Информацията се появява с добре постигнат ефект на отскок, без много повече от казаното.
Вертикална въртележка реагира
Подобно на предишен за своята вертикалност, въпреки че този плъзгач може да поеме цялата ширина на страницата, за да покаже изображенията на всеки от нейните раздели. Интересно с големия си формат и използването на CSS преходи за плъзгане между слайдове.
3D Сплит въртележка
Страхотен визуален ефект с модел на плъзгачи, който се върти в 3D с много поразителна анимация. Можете да изберете всяка от опциите от лявото странично меню с точки за всяка от тях. Един от най-добрите в списъка за това колко творчески е той.
Добро утро, искам да използвам Pure CSS Carousel на моя сайт, но той се намира само в една позиция, как мога да го направя да се намира в позицията, която искам в рамките на моята страница.
Моля за вашата помощ с това. Много ви благодаря
Как мога да накарам Hover Carousel да се показва добре в мобилната версия на моя уебсайт?
Отлично, каква добра работа свършиха!
Здравейте, вагонните къщи са много готини, но веднага щом го кача, копирам и поставям, javascrip ми дава грешка поради var max = $ ('# c> li). Какво предлагате