Fishki Webflow
Open in Telegram
Разбираем разные приёмы верстки элементов в редакторе webflow.
Show moreThe country is not specifiedThe category is not specified
1 584
Subscribers
No data24 hours
No data7 days
No data30 days
Posts Archive
\n\n\n\n\n\n\n","datePublished":"2022-09-19T20:29:06Z","dateModified":"2022-09-19T20:29:06Z","author":{"@type":"Organization","name":"Fishki Webflow","url":"https://telemetr.io/en/channels/1220669709-webflowschool","image":"https://img.tlmtr.io/c/1kBNX7/5325972546593599051?ty=x"},"publisher":{"@type":"Organization","name":"Fishki Webflow","url":"https://telemetr.io/en/channels/1220669709-webflowschool","image":"https://img.tlmtr.io/c/1kBNX7/5325972546593599051?ty=x"},"commentCount":0,"interactionStatistic":[{"@type":"InteractionCounter","interactionType":"https://schema.org/ViewAction","userInteractionCount":508},{"@type":"InteractionCounter","interactionType":"https://schema.org/ShareAction","userInteractionCount":5}]}},{"@type":"ListItem","position":11,"item":{"@type":"SocialMediaPosting","@id":"https://telemetr.io/en/channels/1220669709-webflowschool/posts/413","url":"https://telemetr.io/en/channels/1220669709-webflowschool/posts/413","mainEntityOfPage":"https://telemetr.io/en/channels/1220669709-webflowschool/posts/413","headline":" ","datePublished":"2022-09-19T20:28:48Z","dateModified":"2022-09-19T20:28:48Z","author":{"@type":"Organization","name":"Fishki Webflow","url":"https://telemetr.io/en/channels/1220669709-webflowschool","image":"https://img.tlmtr.io/c/1kBNX7/5325972546593599051?ty=x"},"publisher":{"@type":"Organization","name":"Fishki Webflow","url":"https://telemetr.io/en/channels/1220669709-webflowschool","image":"https://img.tlmtr.io/c/1kBNX7/5325972546593599051?ty=x"},"commentCount":0,"interactionStatistic":[{"@type":"InteractionCounter","interactionType":"https://schema.org/ViewAction","userInteractionCount":461},{"@type":"InteractionCounter","interactionType":"https://schema.org/ShareAction","userInteractionCount":5}]}},{"@type":"ListItem","position":12,"item":{"@type":"SocialMediaPosting","@id":"https://telemetr.io/en/channels/1220669709-webflowschool/posts/412","url":"https://telemetr.io/en/channels/1220669709-webflowschool/posts/412","mainEntityOfPage":"https://telemetr.io/en/channels/1220669709-webflowschool/posts/412","headline":"https://youtu.be/WOEnutRb798","articleBody":"https://youtu.be/WOEnutRb798","datePublished":"2022-09-19T20:27:24Z","dateModified":"2022-09-19T20:27:24Z","author":{"@type":"Organization","name":"Fishki Webflow","url":"https://telemetr.io/en/channels/1220669709-webflowschool","image":"https://img.tlmtr.io/c/1kBNX7/5325972546593599051?ty=x"},"publisher":{"@type":"Organization","name":"Fishki Webflow","url":"https://telemetr.io/en/channels/1220669709-webflowschool","image":"https://img.tlmtr.io/c/1kBNX7/5325972546593599051?ty=x"},"commentCount":0,"interactionStatistic":[{"@type":"InteractionCounter","interactionType":"https://schema.org/ViewAction","userInteractionCount":484},{"@type":"InteractionCounter","interactionType":"https://schema.org/ShareAction","userInteractionCount":4}]}},{"@type":"ListItem","position":13,"item":{"@type":"SocialMediaPosting","@id":"https://telemetr.io/en/channels/1220669709-webflowschool/posts/411","url":"https://telemetr.io/en/channels/1220669709-webflowschool/posts/411","mainEntityOfPage":"https://telemetr.io/en/channels/1220669709-webflowschool/posts/411","headline":"Урок о том как сделать динамический слайдер используя webflow cms и swiper slider","articleBody":"Урок о том как сделать динамический слайдер используя webflow cms и swiper slider","datePublished":"2022-09-19T20:27:15Z","dateModified":"2022-09-19T20:27:15Z","author":{"@type":"Organization","name":"Fishki Webflow","url":"https://telemetr.io/en/channels/1220669709-webflowschool","image":"https://img.tlmtr.io/c/1kBNX7/5325972546593599051?ty=x"},"publisher":{"@type":"Organization","name":"Fishki Webflow","url":"https://telemetr.io/en/channels/1220669709-webflowschool","image":"https://img.tlmtr.io/c/1kBNX7/5325972546593599051?ty=x"},"commentCount":0,"interactionStatistic":[{"@type":"InteractionCounter","interactionType":"https://schema.org/ViewAction","userInteractionCount":469}]}},{"@type":"ListItem","position":14,"item":{"@type":"SocialMediaPosting","@id":"https://telemetr.io/en/channels/1220669709-webflowschool/posts/410","url":"https://telemetr.io/en/channels/1220669709-webflowschool/posts/410","mainEntityOfPage":"https://telemetr.io/en/channels/1220669709-webflowschool/posts/410","headline":"https://youtu.be/mNU6xHihb_Y","articleBody":"https://youtu.be/mNU6xHihb_Y","datePublished":"2022-09-17T18:49:51Z","dateModified":"2022-09-17T18:49:51Z","author":{"@type":"Organization","name":"Fishki Webflow","url":"https://telemetr.io/en/channels/1220669709-webflowschool","image":"https://img.tlmtr.io/c/1kBNX7/5325972546593599051?ty=x"},"publisher":{"@type":"Organization","name":"Fishki Webflow","url":"https://telemetr.io/en/channels/1220669709-webflowschool","image":"https://img.tlmtr.io/c/1kBNX7/5325972546593599051?ty=x"},"commentCount":1,"interactionStatistic":[{"@type":"InteractionCounter","interactionType":"https://schema.org/ViewAction","userInteractionCount":363},{"@type":"InteractionCounter","interactionType":"https://schema.org/ShareAction","userInteractionCount":1},{"@type":"InteractionCounter","interactionType":"https://schema.org/CommentAction","userInteractionCount":1}]}},{"@type":"ListItem","position":15,"item":{"@type":"SocialMediaPosting","@id":"https://telemetr.io/en/channels/1220669709-webflowschool/posts/409","url":"https://telemetr.io/en/channels/1220669709-webflowschool/posts/409","mainEntityOfPage":"https://telemetr.io/en/channels/1220669709-webflowschool/posts/409","headline":"Краткое видео о том как Стилизовать элемент список","articleBody":"Краткое видео о том как Стилизовать элемент список","datePublished":"2022-09-16T09:51:51Z","dateModified":"2022-09-16T09:51:51Z","author":{"@type":"Organization","name":"Fishki Webflow","url":"https://telemetr.io/en/channels/1220669709-webflowschool","image":"https://img.tlmtr.io/c/1kBNX7/5325972546593599051?ty=x"},"publisher":{"@type":"Organization","name":"Fishki Webflow","url":"https://telemetr.io/en/channels/1220669709-webflowschool","image":"https://img.tlmtr.io/c/1kBNX7/5325972546593599051?ty=x"},"commentCount":5,"interactionStatistic":[{"@type":"InteractionCounter","interactionType":"https://schema.org/ViewAction","userInteractionCount":357},{"@type":"InteractionCounter","interactionType":"https://schema.org/ShareAction","userInteractionCount":2},{"@type":"InteractionCounter","interactionType":"https://schema.org/CommentAction","userInteractionCount":5}]}},{"@type":"ListItem","position":16,"item":{"@type":"SocialMediaPosting","@id":"https://telemetr.io/en/channels/1220669709-webflowschool/posts/408","url":"https://telemetr.io/en/channels/1220669709-webflowschool/posts/408","mainEntityOfPage":"https://telemetr.io/en/channels/1220669709-webflowschool/posts/408","headline":"https://youtu.be/OzVrCeoX1nw","articleBody":"https://youtu.be/OzVrCeoX1nw","datePublished":"2022-09-16T09:24:42Z","dateModified":"2022-09-16T09:24:42Z","author":{"@type":"Organization","name":"Fishki Webflow","url":"https://telemetr.io/en/channels/1220669709-webflowschool","image":"https://img.tlmtr.io/c/1kBNX7/5325972546593599051?ty=x"},"publisher":{"@type":"Organization","name":"Fishki Webflow","url":"https://telemetr.io/en/channels/1220669709-webflowschool","image":"https://img.tlmtr.io/c/1kBNX7/5325972546593599051?ty=x"},"commentCount":2,"interactionStatistic":[{"@type":"InteractionCounter","interactionType":"https://schema.org/ViewAction","userInteractionCount":227},{"@type":"InteractionCounter","interactionType":"https://schema.org/ShareAction","userInteractionCount":1},{"@type":"InteractionCounter","interactionType":"https://schema.org/CommentAction","userInteractionCount":2}]}},{"@type":"ListItem","position":17,"item":{"@type":"SocialMediaPosting","@id":"https://telemetr.io/en/channels/1220669709-webflowschool/posts/407","url":"https://telemetr.io/en/channels/1220669709-webflowschool/posts/407","mainEntityOfPage":"https://telemetr.io/en/channels/1220669709-webflowschool/posts/407","headline":"https://youtu.be/NKFilJuLt0c","articleBody":"https://youtu.be/NKFilJuLt0c","datePublished":"2022-09-16T07:55:53Z","dateModified":"2022-09-16T07:55:53Z","author":{"@type":"Organization","name":"Fishki Webflow","url":"https://telemetr.io/en/channels/1220669709-webflowschool","image":"https://img.tlmtr.io/c/1kBNX7/5325972546593599051?ty=x"},"publisher":{"@type":"Organization","name":"Fishki Webflow","url":"https://telemetr.io/en/channels/1220669709-webflowschool","image":"https://img.tlmtr.io/c/1kBNX7/5325972546593599051?ty=x"},"commentCount":0,"interactionStatistic":[{"@type":"InteractionCounter","interactionType":"https://schema.org/ViewAction","userInteractionCount":280},{"@type":"InteractionCounter","interactionType":"https://schema.org/ShareAction","userInteractionCount":1}]}},{"@type":"ListItem","position":18,"item":{"@type":"SocialMediaPosting","@id":"https://telemetr.io/en/channels/1220669709-webflowschool/posts/406","url":"https://telemetr.io/en/channels/1220669709-webflowschool/posts/406","mainEntityOfPage":"https://telemetr.io/en/channels/1220669709-webflowschool/posts/406","headline":"https://youtu.be/D3t0UFPSZ3U","articleBody":"https://youtu.be/D3t0UFPSZ3U","datePublished":"2022-09-12T20:44:31Z","dateModified":"2022-09-12T20:44:31Z","author":{"@type":"Organization","name":"Fishki Webflow","url":"https://telemetr.io/en/channels/1220669709-webflowschool","image":"https://img.tlmtr.io/c/1kBNX7/5325972546593599051?ty=x"},"publisher":{"@type":"Organization","name":"Fishki Webflow","url":"https://telemetr.io/en/channels/1220669709-webflowschool","image":"https://img.tlmtr.io/c/1kBNX7/5325972546593599051?ty=x"},"commentCount":5,"interactionStatistic":[{"@type":"InteractionCounter","interactionType":"https://schema.org/ViewAction","userInteractionCount":435},{"@type":"InteractionCounter","interactionType":"https://schema.org/ShareAction","userInteractionCount":4},{"@type":"InteractionCounter","interactionType":"https://schema.org/CommentAction","userInteractionCount":5}]}},{"@type":"ListItem","position":19,"item":{"@type":"SocialMediaPosting","@id":"https://telemetr.io/en/channels/1220669709-webflowschool/posts/405","url":"https://telemetr.io/en/channels/1220669709-webflowschool/posts/405","mainEntityOfPage":"https://telemetr.io/en/channels/1220669709-webflowschool/posts/405","headline":"Fishki Webflow","datePublished":"2022-08-09T08:41:03Z","dateModified":"2022-08-09T08:41:03Z","author":{"@type":"Organization","name":"Fishki Webflow","url":"https://telemetr.io/en/channels/1220669709-webflowschool","image":"https://img.tlmtr.io/c/1kBNX7/5325972546593599051?ty=x"},"publisher":{"@type":"Organization","name":"Fishki Webflow","url":"https://telemetr.io/en/channels/1220669709-webflowschool","image":"https://img.tlmtr.io/c/1kBNX7/5325972546593599051?ty=x"},"commentCount":10,"interactionStatistic":[{"@type":"InteractionCounter","interactionType":"https://schema.org/ViewAction","userInteractionCount":624},{"@type":"InteractionCounter","interactionType":"https://schema.org/ShareAction","userInteractionCount":1},{"@type":"InteractionCounter","interactionType":"https://schema.org/CommentAction","userInteractionCount":10}]}},{"@type":"ListItem","position":20,"item":{"@type":"SocialMediaPosting","@id":"https://telemetr.io/en/channels/1220669709-webflowschool/posts/404","url":"https://telemetr.io/en/channels/1220669709-webflowschool/posts/404","mainEntityOfPage":"https://telemetr.io/en/channels/1220669709-webflowschool/posts/404","headline":"Всем привет. В честь завтрашней даты. Сегодня я делаю скидку на свой курс по разработке сайтов в webflow ”web…","articleBody":"Всем привет. В честь завтрашней даты. Сегодня я делаю скидку на свой курс по разработке сайтов в webflow ”webflow start”. 40% \nВся информация о курсе \nfishki.webflow.io","datePublished":"2022-08-08T09:34:25Z","dateModified":"2022-08-08T09:34:25Z","author":{"@type":"Organization","name":"Fishki Webflow","url":"https://telemetr.io/en/channels/1220669709-webflowschool","image":"https://img.tlmtr.io/c/1kBNX7/5325972546593599051?ty=x"},"publisher":{"@type":"Organization","name":"Fishki Webflow","url":"https://telemetr.io/en/channels/1220669709-webflowschool","image":"https://img.tlmtr.io/c/1kBNX7/5325972546593599051?ty=x"},"commentCount":11,"interactionStatistic":[{"@type":"InteractionCounter","interactionType":"https://schema.org/ViewAction","userInteractionCount":556},{"@type":"InteractionCounter","interactionType":"https://schema.org/ShareAction","userInteractionCount":1},{"@type":"InteractionCounter","interactionType":"https://schema.org/CommentAction","userInteractionCount":11}]}}]}
1 584
Дорогие друзья! Поздравляю вас с наступающим Новым годом! Желаю вам всем здоровья и благополучия. Пусть с этим годом уйдем весь негатив и проблемы из вашей жизни, а в новом придут только удача и удовольтвие от жизни. Мира всем и душевного спокойствия!
1 584
<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>
1 584
<style>
.gooey{
background-image: linear-gradient(120deg, #34e0f0 0%, #c20000 100%);
border-radius: 42% 58% 70% 30% / 45% 45% 55% 55%;
width: 150px; height: 144px;
animation: morph 3s linear infinite;
transform-style: preserve-3d;
outline: 1px solid transparent;
will-change: border-radius;
}
.gooey:before,
.gooey:after{
content: '';
width: 100%;
height: 100%;
display: block;
position: absolute;
left: 0; top: 0;
border-radius: 42% 58% 70% 30% / 45% 45% 55% 55%;
box-shadow: 5px 5px 89px rgba(0, 102, 255, 0.21);
will-change: border-radius, transform, opacity;
animation-delay: 200ms;
background-image: linear-gradient(120deg, rgba(0,67,255,.55) 0%, rgba(0,103,255,.89) 100%);
}
.gooey:before{
animation: morph 3s linear infinite;
opacity: .21;
animation-duration: 1.5s;
}
.gooey:after{
animation: morph 3s linear infinite;
animation-delay: 400ms;
opacity: .89;
line-height: 120px;
text-indent: -21px;
}
@keyframes morph{
0%,100%{
border-radius: 42% 58% 70% 30% / 45% 45% 55% 55%;
transform: translate3d(0,0,0) rotateZ(0.01deg);
}
34%{
border-radius: 70% 30% 46% 54% / 30% 29% 71% 70%;
transform: translate3d(0,5px,0) rotateZ(0.01deg);
}
50%{
opacity: .89;
transform: translate3d(0,0,0) rotateZ(0.01deg);
}
67%{
border-radius: 100% 60% 60% 100% / 100% 100% 60% 60% ;
transform: translate3d(0,-3px,0) rotateZ(0.01deg);
}
}
@keyframes fadeIn{
100%{
transform: scale(1.03);
opacity: 0;
}
</style>
1 584
————————————————
<!-- Swiper JS -->
<script src="https://unpkg.com/swiper/swiper-bundle.min.js"></script>
<!-- Initialize Swiper -->
<script src="https://unpkg.com/swiper/swiper-bundle.min.js"></script>
<script>
var swiper = new Swiper(".swiper-container", {
navigation: {
nextEl: ".swiper-button-next",
prevEl: ".swiper-button-prev",
},
pagination: {
el: ".swiper-pagination",
clickable: true,
},
scrollbar: {
el: ".swiper-scrollbar",
hide: true,
},
//autoplay: {
// delay: 2500,//
// disableOnInteraction: false,//
// },//
//direction: "vertical",//
spaceBetween: 20,
slidesPerView: 1,
centeredSlides: false,
freeMode: false,
loop: false,
mousewheel: true,
breakpoints: {
640: {
slidesPerView: 2,
spaceBetween: 20,
},
768: {
slidesPerView: 3,
spaceBetween: 20,
},
1024: {
slidesPerView: 3,
spaceBetween: 20,
},
},
});
</script>
1 584
<link rel="stylesheet" href="https://unpkg.com/swiper/swiper-bundle.min.css">
<style>
.swiper-container {
width: 100%;
padding-top: 0px;
padding-bottom: 0px;
}
</style>
1 584
Урок о том как сделать динамический слайдер используя webflow cms и swiper slider
1 584
Всем привет. В честь завтрашней даты. Сегодня я делаю скидку на свой курс по разработке сайтов в webflow ”webflow start”. 40%
Вся информация о курсе
fishki.webflow.io
