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

Поділитися
Вставка
  • Опубліковано 13 гру 2024

КОМЕНТАРІ • 41

  • @waysearcher
    @waysearcher Рік тому +1

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

  • @ИгорьВишневский-и4д

    Огромное спасибо за урок, очень полезно!

  • @ДарьяКиянова-я3д

    Класс. Очень полезно. Скажите а можно ли сделать таким образом, чтоб фото по кругу менялось, если например я хочу сделать карусель из предметов?

  • @rassulkz4486
    @rassulkz4486 2 роки тому +2

    Спасибо. Крутые видео

  • @Devajsnaya
    @Devajsnaya 3 роки тому +3

    Красиво вышло!

    • @ElenaKhimich-o4s
      @ElenaKhimich-o4s  3 роки тому +1

      Спасибо☺️

    • @evgenijivanovych9911
      @evgenijivanovych9911 2 роки тому +1

      AtrStranger, полностью с Вами согласен. Непросто красиво, а ещё и полезно.

  • @yunadzukifaruhatoo1431
    @yunadzukifaruhatoo1431 Рік тому

    Молодец, сделала всё мудрёно. Но ведь гораздо проще сделать такой слайдер при помощи CMS.

  • @ІванТ-р9б
    @ІванТ-р9б 2 роки тому

    Снимай еще, хорошо же получается )

  • @kariman9287
    @kariman9287 8 місяців тому +1

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

    • @ElenaKhimich-o4s
      @ElenaKhimich-o4s  8 місяців тому

      возможно анимацией можно если еще актуально, то попробуйте для слайдеров начальное положение none а конечное block (не пробовала но должно сработать)

  • @evgenijivanovych9911
    @evgenijivanovych9911 2 роки тому +2

    Рубрика вопрос-ответ интересная получается. Но хочу попросить Вас, если будет время, рассказать немного о многоуровневости div-блоков. Вы их как-то быстро вставили и особо без комментариев. Хочется простыми словами - как можно делать, как нельзя. Ведь от этого, насколько я понимаю, зависит чистота кода и правильная верстка для дальнейшего SEO-продвижения.

    • @ElenaKhimich-o4s
      @ElenaKhimich-o4s  2 роки тому

      Да конечно 👍 расскрою эту тему)))

  • @arabtsevich
    @arabtsevich 2 роки тому +2

    Всем привет) Елена,подскажи как сделать чтоб надпись SCORO, MADE IN 2019 не скакала то вверх, то вниз в зависимости от текста

    • @ElenaKhimich-o4s
      @ElenaKhimich-o4s  2 роки тому +2

      Если у вас скачет в зависимости от заголовка то лучше надпись перенести над заголовком и тогда все будет хорошо🤗

    • @arabtsevich
      @arabtsevich 2 роки тому +2

      @@ElenaKhimich-o4s Так не получается😂 Хочется добиться эффекта как в примере, coldy_ru, чтоб потом две строчки н1 уходили вверх а подзаголовок SCORO у всех слайдов был на одно уровне

    • @ElenaKhimich-o4s
      @ElenaKhimich-o4s  2 роки тому +2

      @@arabtsevich Выровняйте текст flex по низу и дайте отступ какой вам нужен внутри блока (снизу) в котором информация и тогда если заголовок будет в 2 строки то он будет двигаться вверх, а весь стальной текст останется на месте)) Если получилось напишите мне)))

    • @arabtsevich
      @arabtsevich 2 роки тому +2

      @@ElenaKhimich-o4s Спасибо! Получилось как нужно, а как адаптацию теперь сделать? ничего на ум не приходит...

    • @ElenaKhimich-o4s
      @ElenaKhimich-o4s  2 роки тому +2

      @@arabtsevich текст оставляем сверху а картинку перенести ниже☺️

  • @ФахриддинУсмонов-ъ4ь

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

    • @ElenaKhimich-o4s
      @ElenaKhimich-o4s  2 роки тому +2

      Привет) а есть пример?
      А то пока что не понятно какой ромб😅)))

    • @evgenijivanovych9911
      @evgenijivanovych9911 2 роки тому +1

      @@ElenaKhimich-o4s, по описанию автора комментария - ромб футуристический и стрелки такие же 😅

  • @alexeyantipov5646
    @alexeyantipov5646 2 роки тому

    Добрый день. Спасибо за видео, у меня почти вышло то, что я хотел, но нет )) В конце видео вы говорили, что можете помочь ,если будет такая необоходимость, так ли это?...Но в любом случае благодарен Вам за это видео.

  • @NasiGorengForever
    @NasiGorengForever 2 роки тому

    Спасибо, очень полезно, но новичку сложно на такой скорости со склейками. и панель слоев открытая облегчила бы понимание.

  • @evgenijivanovych9911
    @evgenijivanovych9911 2 роки тому +2

    Спасибо за пример. В меру быстро смонтировано, но для новичка - выставленная скорость 0,5-0,75 в самый раз ))))
    Главное, не делать резких склеек при работе с панелью инструментов ;)

  • @groove_bureau
    @groove_bureau 2 роки тому

    ЗаголОООООООООООвок... пожалуйста...
    а так вариант слайдера полезный) спасибо)

  • @ДмитрийЛыщик-з4ч
    @ДмитрийЛыщик-з4ч 2 роки тому +1

    Видео очень доходчивые, обязательно продолжай в том же духе.
    Но классы все-таки нужно называть грамотно по уму, а не просто тыкать чтоб каждый раз задавался рандомный класс. В этом и состоит правильной подход верстки на Webflow.

  • @1974mura
    @1974mura 2 роки тому +5

    зАголовок))

    • @ElenaKhimich-o4s
      @ElenaKhimich-o4s  2 роки тому +2

      Спасибо😂

    • @1974mura
      @1974mura 2 роки тому +2

      @@ElenaKhimich-o4s очень интересные видео. Хочу научиться верстать в вебфлоу)

    • @ElenaKhimich-o4s
      @ElenaKhimich-o4s  2 роки тому +1

      @@1974mura Хорошая идея так можно ускорить свою работы в несколько раз)))

  • @needforsim
    @needforsim Рік тому +1

    ЗаголОвки, а так все хорошо

    • @ElenaKhimich-o4s
      @ElenaKhimich-o4s  Рік тому

      Ты не первый который меня исправил😅

  • @cjrjkmcrbq
    @cjrjkmcrbq Рік тому +1

    Урок может быть полезен - НО ЗАЧЕМ ТАК БЫСТРО ВСЕ ДЕЛАТЬ - ЧТО ВРЕМЕНИ НЕТ - ЭТО ЖЕ УРОК А НЕ БЕГ