Привет еще раз. Держи обещанный урок. Приятного просмотра. Ну и твой царский лайк, если заслужил. Я старался )
https://youtu.be/OquSdbzKzIQ
#текст
https://youtu.be/OquSdbzKzIQ
#текст
YouTube
Как сделать эффект прозрачный текст в webflow? | Webflow урок №31.
Как сделать прозрачный текст в webflow. Создаем структуру, подключем стили, подключем код стиля.
Поддержать канал.
https://money.yandex.ru/to/410013637868275
Мой ВК - https://vk.com/slavariik
Мой telegram - https://t.me/vvstudio
Telegram канал - https…
Поддержать канал.
https://money.yandex.ru/to/410013637868275
Мой ВК - https://vk.com/slavariik
Мой telegram - https://t.me/vvstudio
Telegram канал - https…
<style>
.txt-tranparent {
-webkit-text-stroke: 1.0px fff;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
</style>
.txt-tranparent {
-webkit-text-stroke: 1.0px fff;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
</style>
This media is not supported in your browser
VIEW IN TELEGRAM
Анонс ! СКОРО в уроках
Ура. Закончил монтаж мини курса по созданию квиза в Webflow. Сейчас все куски видео проходят рендеринг и курс будет готов. Много работы было проделано. Несколько часов записи самого видео, 3 дня монтажа, вырезки всего лишнего. И наконец, финал. Дальше я продолжу записывать уроки как и обещал. у меня для вас еще много чего интересного. Подписывайся что бы быть в курсе о новых видео. )
This media is not supported in your browser
VIEW IN TELEGRAM
Видео анонс о том, чему вы научитесь пройдя этот курс.
Первым желающим сделаю скидку !!! 🤑🤑🤑🤑
Пишите в личные сообщения ❗️❗️❗️
Пишите в личные сообщения ❗️❗️❗️
Хотите научится делать сайты опросники в webflow?
Предлагаю вашему вниманию мини курс по созданию квиза в webflow.
Пройдя курс вы научитесь правильно строить структуру такого сайта, кастомизировать (изменять стили кнопок радио и чекбокс под свои нужды, настраивать анимации переходов.
Настраивать форму для отправки. Этот курс не похож на другие. Вам не придётся подключать сторонние сервисы или плагины. Всё сделано исключительно средствами редактора webflow. А самое главное вы можете сделать его на бесплатном аккаунте. Так же в дополнительной версии курса, вы получите готовый шаблон который сможете настроить под себя и использовать в своих проектах.
Предлагаю вашему вниманию мини курс по созданию квиза в webflow.
Пройдя курс вы научитесь правильно строить структуру такого сайта, кастомизировать (изменять стили кнопок радио и чекбокс под свои нужды, настраивать анимации переходов.
Настраивать форму для отправки. Этот курс не похож на другие. Вам не придётся подключать сторонние сервисы или плагины. Всё сделано исключительно средствами редактора webflow. А самое главное вы можете сделать его на бесплатном аккаунте. Так же в дополнительной версии курса, вы получите готовый шаблон который сможете настроить под себя и использовать в своих проектах.
Привет. Зписал короткий урок. Как сделать линию прогресса при прокрутке сайта. Приятного просмотра.
https://youtu.be/D44PYobfblU
#прогрессбар
https://youtu.be/D44PYobfblU
#прогрессбар
YouTube
Как сделать прогрессбар в webflow | Webflow урок №32.
Делаем прогрессбар при помощи элементов див и подключаем анимацию.
Поддержать канал.
https://money.yandex.ru/to/410013637868275
Мой ВК - https://vk.com/slavariik
Мой telegram - https://t.me/vvstudio
Telegram канал - https://t.me/webflowschool
Поддержать канал.
https://money.yandex.ru/to/410013637868275
Мой ВК - https://vk.com/slavariik
Мой telegram - https://t.me/vvstudio
Telegram канал - https://t.me/webflowschool
Давайте попробуем провести стрим..сегодня.. Могу разобрать ваши работы, ответить на вопросы. как на это смотрите ?
<Head>
<style>
/* add custom cursor */
.typed-words::after {
content: "|";
display: inline;
animation: blink 1s infinite;
}
/* custom cursor animation */
@keyframes blink {
0% {
opacity: 1;
}
50% {
opacity: 0;
}
100% {
opacity: 1;
}
}
</style>
<style>
/* add custom cursor */
.typed-words::after {
content: "|";
display: inline;
animation: blink 1s infinite;
}
/* custom cursor animation */
@keyframes blink {
0% {
opacity: 1;
}
50% {
opacity: 0;
}
100% {
opacity: 1;
}
}
</style>
<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>
<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>
Привет лови еще одну фишку на сегодня. Манипуляции со слайдером. Приятного просмотра.
https://youtu.be/Yj5wdykrM5A
https://youtu.be/Yj5wdykrM5A
Привет. Держи новую фишку. Как стилизовать стандартный scrollbar
https://youtu.be/2rgt8Cw3QDo
#скроллбар
https://youtu.be/2rgt8Cw3QDo
#скроллбар
YouTube
Как стилизовать скроллбар в webflow | Webflow урок №35.
Как стилизовать скроллбар в webflow. Добавляем код стилизацию на страницу, и меняем стиль ползунка как для всего сайта так и для отдельного блока.
Если желаете поддержать мой канал. )
https://money.yandex.ru/to/410013637868275
Мой ВК - https://vk.com/slavariik…
Если желаете поддержать мой канал. )
https://money.yandex.ru/to/410013637868275
Мой ВК - https://vk.com/slavariik…
Стилизация скролл бар
<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>
<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>
::-webkit-scrollbar-thumb – Это ползунок скроллбара (чем вы держите и прокручиваете страницу). Он может иметь цвет или использовать градиент в качестве фона.
::-webkit-scrollbar-track – позволяет настроить трек скроллбара (путь движения ползунка).
::-webkit-scrollbar-button – разработчики CSS3 не упускают из виду маленькие кнопки на концах полосы прокрутки. Их также можно настроить, так как они помогают, когда страница длинная и скроллбар становится слишком маленьким для прокрутки. Это свойство стиля верхнего и нижнего углов (или левого и правого для горизонтальных полос прокрутки):
::-webkit-scrollbar-track – позволяет настроить трек скроллбара (путь движения ползунка).
::-webkit-scrollbar-button – разработчики CSS3 не упускают из виду маленькие кнопки на концах полосы прокрутки. Их также можно настроить, так как они помогают, когда страница длинная и скроллбар становится слишком маленьким для прокрутки. Это свойство стиля верхнего и нижнего углов (или левого и правого для горизонтальных полос прокрутки):