<style>
.marquee-track {
position: absolute;
white-space: nowrap;
will-change: transform;
animation: marquee-horizontal 5s linear infinite;
/* manipulate the speed of the marquee by changing "40s" line above*/
}

@keyframes marquee-horizontal {
from { transform: translateX(0); }
to { transform: translateX(-50%); }
}

@media only screen and (min-width: 992px) {
.marquee-track:hover {
animation-play-state: pausd;
}
}
</style>

Шаблон проекта для тех кому нужна маска с вводом телефона в международном формате

https://webflow.com/made-in-webflow/website/phonenumber-input?ref=made-in-webflow-search&searchValue=mask%20phone

Привет друзья!
Оставлю здесь может еще кому то пригодится.

<style>
select {
appearance: none;
-moz-appearance: none; /* Firefox */
-webkit-appearance: none; /* Chrome/Safari */
background: url('arrow.png') no-repeat right center; /* собственная стрелка */
}
</style>

Этот код убирает стандартную стрелочку из поля формы #SELECT

Так жу буду стараться создавать вот такие хештеги для удобного поиска по каналу

Расширение для сортировки айтемов в cms коллециях webflow

https://chrome.google.com/webstore/detail/webflow-collection-reorde/dgfmdefiehjbcnocbmjepgeichkociih/related

Расширение для генерации ALt-text для наших изображений. Часто требуется такое действие.

https://chrome.google.com/webstore/detail/webflow-extension-by-peek/mfjbmoaliicmnliefefaagcddnjkjamc

Интересное расширение которое копирует код элемента. Например тебе нужно скопировать код SVG что бы подключить к нему анимацию изменения цвета.

https://chrome.google.com/webstore/detail/potato-extension-for-webf/fghlhikadbbichmbfeijofnmcpgeggch/related

Короче !!! Пока ловите и добавляйте себе / потом расскажу как работает Прикольная штука вообще!! Запишу прям видосик!

https://chrome.google.com/webstore/detail/videsigns-extension-for-w/epegfofibengnfhehlblkjpaplobhlmf?utm_source=ext_sidebar&hl=ru

Вот и готов ролик про привлекшее мое внимание расширение

https://youtu.be/KxhyVUlFEuA

Это видео посвещено вопросу из нашего чата о том как сделать элемент background видео, нестандартной формы.

https://youtu.be/zHmasG0maVc

Записал большой гайд про swiper. Рассмотрели все функции и собрали универсальную сборку для общего использования.

https://youtu.be/RtD4NZYj2H0

Так как видео получилось довольно долгим но надеюсь без воды, то я расставил таймкоды что удобной навигации!

миниатюрное обновление. кнопочка выбора режима (дизайнер или редатор)

<style>
.text-class {
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 3; /* number of lines to show */
line-clamp: 3;
-webkit-box-orient: vertical;
}
</style>

Привет друзья сообщаю вам об обновлении в webflow !!!

"Приходилось ли вам делать копию сайта для его редизайна, а затем решать, что нужно поменять этот новый сайт на старый, включая активный план сайта, прикрепленный к исходному сайту? Благодаря сегодняшнему обновлению администраторы и владельцы Workspace могут сделать именно это, обеспечивая непрерывное движение без утомительных переконфигураций и отмен."

То есть если вы сделали новый сайт а на старом есть оплаченный хостинг, то его можно перенести на новый сайт.

"Что будет с новым сайтом?

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

Что произойдет со старым сайтом?

После переноса тарифного плана старый сайт будет переведен на бесплатный тарифный план Starter, а пользовательский домен будет удален."

https://youtu.be/U0KBuGlqn2M

<script>
var Webflow = Webflow || [];
Webflow.push(function() {

$('.tabs-wrapper').on('click', '.tab-prev, .tab-next', function() {
var direction = $(this).hasClass('tab-prev') ? -1 : 1;
var tablinks = $(this).parent().find('.w-tab-menu');
var index = tablinks.find('.w--current').index() + direction;
index = index >= tablinks.children().length ? 0 : index;
tablinks.find('.w-tab-link').eq(index).trigger('click'); });
});
</script>