Fishki Webflow

Стилизация скролл бар

<style>
.content-scroll_wrapper::-webkit-scrollbar-button {
background-image:url('');
background-repeat:no-repeat;
width:6px;
height:0px
}

.content-scroll_wrapper::-webkit-scrollbar-track {
background-color:#32312e;
box-shadow:0px 0px 3px #000 inset;
}

.content-scroll_wrapper::-webkit-scrollbar-thumb {
-webkit-border-radius: 5px;
border-radius: 5px;
background-color:#ffcb17;
box-shadow:0px 1px 1px #fff inset;
background-image:url('https://yraaa.ru/_pu/24/59610063.png');
background-position:center;
background-repeat:no-repeat;
}

.content-scroll_wrapper::-webkit-resizer{
background-image:url('');
background-repeat:no-repeat;
width:7px;
height:0px
}

.content-scroll_wrapper::-webkit-scrollbar{
width: 11px;
}
</style>

1.54K viewsВячеслав Володин, 00:43

Fishki Webflow

::-webkit-scrollbar-thumb – Это ползунок скроллбара (чем вы держите и прокручиваете страницу). Он может иметь цвет или использовать градиент в качестве фона.

::-webkit-scrollbar-track – позволяет настроить трек скроллбара (путь движения ползунка).

::-webkit-scrollbar-button – разработчики CSS3 не упускают из виду маленькие кнопки на концах полосы прокрутки. Их также можно настроить, так как они помогают, когда страница длинная и скроллбар становится слишком маленьким для прокрутки. Это свойство стиля верхнего и нижнего углов (или левого и правого для горизонтальных полос прокрутки):

1.54K viewsВячеслав Володин, 00:47

Fishki Webflow

Привет. Новый урок для тебя. Снова мы терзаем наш слайдер. Приятного просмотра.

https://youtu.be/fqEFpu6EIwM

#слайдер

YouTube

Слайдер карусель в webflow | Webflow урок №36

Как сделать слайдер карусель в webflow при помощи анимаций.

Если желаете поддержать мой канал. )
https://donate.stream/ya410013637868275

Мой ВК - https://vk.com/slavariik
Мой telegram - https://t.me/vvstudio
Telegram канал - https://t.me/webflowschool

1.65K viewswebflowschool, edited 20:32

👍🏻 39 👎🏻

Присоединяйся к чату

Fishki Webflow

Привет друзья. Заждались новых видео ? Записал новый интересный урок. Он скоро будет готов. Покажите ваше желание своими лайками )))

1.21K viewswebflowschool, 20:17

👍🏻 72 👎🏻

Fishki Webflow

Готово !!! Приятного просмотра.. Видео получилось довольно продолжительным, по этому давайте назовем это WORKSHOP WEBFLOW.

https://youtu.be/6237BzpnCUU

YouTube

workshop вёрстка в webflow

Получился некий воркшоп по верстке блока с применением css grid и анимаций

Если желаете поддержать мой канал. )
https://money.yandex.ru/to/410013637868275

Мой ВК - https://vk.com/slavariik
Мой telegram - https://t.me/vvstudio
Telegram канал - https:…

1.38K viewswebflowschool, 12:45

👍🏻 25 👎🏻

Присоединяйся к чату

Fishki Webflow

Привет.. Оказывается не многие умеют делать такой эффект в webflow. Записал для тебя короткий урок. Приятного просмотра.

https://youtu.be/Zr9sEWW0YEs

YouTube

Эффект Кена Барнса в webflow | Webflow урок №37

Плавное увеличение изображения на заднем фоне или в слайдере называется Ken Burns Effect. Такой эффект оживляет ваши сайты и привлекает посетителей.

Если желаете поддержать мой канал. )
https://money.yandex.ru/to/410013637868275

Мой ВК - https://vk.com/slavariik…

1.44K viewswebflowschool, 22:19

This media is not supported in your browser

VIEW IN TELEGRAM

Привет. Я тут подумал. А что если карточки товара на сайте можно сделать такой эффект. Я думаю записать урок. Если вам интересно. Давайте посмотрим по количеству лайков. Сложного тут ничего. Давайте повторим по импровизируем. Ну в общем смотрю за вашей активностью. И если что, записываю урок. Знаю новичкам это будет полезно.

1.22K viewsВячеслав Володин, 16:44