Fishki Webflow

<footer>

<script src="https://cdnjs.cloudflare.com/ajax/libs/typed.js/2.0.10/typed.min.js"></script>

<script>
var typed = new Typed(".typed-words", {
strings: ["Привет НЕО", "Матрица нашла тебя", "Иди за белым кроликом", "ТУК ТУК НЕО"],
typeSpeed: 50,
backSpeed: 0,
backDelay: 3000,
startDelay: 500,
loop: true,
showCursor: false,
cursorChar: "|",
attr: null,
});
</script>

1.5K viewsВячеслав Володин, 13:46

Привет лови еще одну фишку на сегодня. Манипуляции со слайдером. Приятного просмотра.

https://youtu.be/Yj5wdykrM5A

1.4K viewswebflowschool, edited 17:08

👍🏻 20 👎🏻

Viewport Resizer - Responsive design testing tool by Malte Wassermann

Сервис для тестирования разрешения сайта.

http://lab.maltewassermann.com/viewport-resizer/

Maltewassermann

Viewport Resizer is a browser-based tool to test any website’s responsiveness.

1.5K viewsВячеслав Володин, 18:49

Добавляю ссылочку на проект со слайдером.

https://preview.webflow.com/preview/test2test?utm_medium=preview_link&utm_source=designer&utm_content=test2test&preview=5434c37884b3037912c7647a7255537e&pageId=5cdc7e65a01596ec7065c528&mode=preview

1.3K viewsВячеслав Володин, 21:52

Привет. Держи новую фишку. Как стилизовать стандартный scrollbar

https://youtu.be/2rgt8Cw3QDo

#скроллбар

Как стилизовать скроллбар в webflow | Webflow урок №35.

Как стилизовать скроллбар в webflow. Добавляем код стилизацию на страницу, и меняем стиль ползунка как для всего сайта так и для отдельного блока.

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

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

1.5K viewswebflowschool, edited 00:42

👍🏻 21 👎🏻

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

<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.5K viewsВячеслав Володин, 00:43

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

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

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

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

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

https://youtu.be/fqEFpu6EIwM

#слайдер

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

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

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

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

1.6K viewswebflowschool, edited 20:32

👍🏻 39 👎🏻

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

1.2K viewswebflowschool, 20:17

👍🏻 72 👎🏻

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

https://youtu.be/6237BzpnCUU

workshop вёрстка в webflow

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

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

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

1.4K viewswebflowschool, 12:45

👍🏻 25 👎🏻

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

https://youtu.be/Zr9sEWW0YEs