Эффект в тильде, о котором мало кто знает

Поділитися
Вставка
  • Опубліковано 13 лип 2020
  • Больше уроков на курсе Тильда Гуру:
    school.flashfamily.ru/guru

КОМЕНТАРІ • 82

  • @user-jy5ry4ts5b
    @user-jy5ry4ts5b 2 роки тому

    Красава!!! Это супер-идея!!! Спасибо! Желаю вдохновения и успехов!!!

  • @davem1048
    @davem1048 3 роки тому +21

    как всегда всё красиво только в обучающих видео. по факту при создании такой фигуры и загрузки в нее картинки большого разрешения, она растягивается до потери качества в тот момент, когда ты выставляешь значение fixed. т.е. всё действительно работает, но фоновое изображение превращается просто в ужасное мыло. потратил два часа времени на поиск решения проблемы и забил.

    • @user-yb2gl9pv5h
      @user-yb2gl9pv5h 6 місяців тому

      У МЕНЯ ТАКАЯЖЕ ПРОБЛЕМА КАРТИНКА РАСТЯГИВАЕТСЯ НА ФРАГМЕНТ и видена тольтко часть. Вам удолось это решить?

  • @yesmish7
    @yesmish7 3 роки тому +30

    Убавлю восторгов. Эффект классный, но видео сделано плохо. Как можно улучшить: выложить в описании png файлы обоих кроссовков, чтоб каждый мог попробовать. Задача - чтоб мы попробовали и у нас получилось. Восторгов мало, нужно научиться. Попробовал сделать и проблема как у многих, при фиксите картинка увеличивается. Многие сталкивались, но проблема осталась, не нашел в комментах рабочего решения. В итоге эффект не получился, цель не достигнута

  • @user-ck2nk5tb3t
    @user-ck2nk5tb3t 3 роки тому +3

    Супер! Спасибо!

  • @user-fg8et2hd4n
    @user-fg8et2hd4n 3 роки тому

    Здорово! Спасибо огромное!

  • @user-ew3tv9oe9c
    @user-ew3tv9oe9c 3 роки тому +3

    Омагад, как круто !! Спасибо

  • @firuzayaldiz2479
    @firuzayaldiz2479 3 роки тому

    Здорово, круто. Спасибо за видео!

  • @user-ie6yg4bd8w
    @user-ie6yg4bd8w Рік тому

    Класс! Как здорово и просто все объясняешь 👍

  • @nevermoreder
    @nevermoreder 3 роки тому +9

    так вот где собака была зарыта! Спасибо за гайд)

  • @svetaforr15
    @svetaforr15 3 роки тому +5

    это же гениально! 😊👌

  • @Olha_Kostina22
    @Olha_Kostina22 2 роки тому +7

    печально что этот эффект не сохраняется на мобильной версии... если кто то знает как исправить при адаптации на мобильных разрешениях буду рада если поделитесь советом

  • @MNEbrt
    @MNEbrt 3 роки тому +16

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

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

      Sorry to be off topic but does anyone know of a way to get back into an instagram account?
      I stupidly forgot the account password. I would love any tricks you can give me.

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

      @Jerome Lochlan instablaster =)

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

    Гениально👍🔥

  • @natalyasemenova8641
    @natalyasemenova8641 3 роки тому

    Здорово!

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

    Спасибо

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

    Я сделал по этому ролику - всё работает отлично, те комментаторы, которые пишут, что у них не работает - просто не очень хорошо умеют в дизайн. Оставляйте больше места, загружайте FullHD фотографии и всё получится!
    Автору - мегареспект, смотрел это видео много месяцев назад, а сейчас идея пригодилось для моего сайта. Удачи вам!

    • @Flashfamily
      @Flashfamily  3 місяці тому

      Спасибо!

    • @oleg146
      @oleg146 2 дні тому

      А что именно комментаторы не очень хорошо умеют в дизайн делать?

  • @alexandrakalina6706
    @alexandrakalina6706 3 роки тому +1

    Круто!!!

  • @user-xk8us4zh8u
    @user-xk8us4zh8u 3 роки тому +1

    Крутяк!

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

    ого! это сильно

  • @evgenygalanin
    @evgenygalanin 3 роки тому

    Крутота!

  • @user-od5dm1hi4i
    @user-od5dm1hi4i Рік тому +1

    Подскажите, пожалуйста, как сделать так, чтобы и на мобильной версии тоже такой эффект срабатывал?

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

    С паралксом неплохо выглядит

  • @Metootnet
    @Metootnet 3 роки тому

    А на мобильном это будет работать?

  • @user-qn2el8fx4v
    @user-qn2el8fx4v 3 роки тому

    Добрый вечер! Большое спасибо за познавательное видео!
    Если можно, подскажите пожалуйста, в чем проблема, все сделала, в предосмотре все ок, а после публикации, обычные блоки идут один за другим. Спасибо.

  • @user-qg2kf6xf6r
    @user-qg2kf6xf6r Рік тому

    Как делать такие 3д кроссовки ?

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

    привет,дай плиз исходники этой обуви

  • @TheTrainBurn
    @TheTrainBurn 3 роки тому

    Дмитрий Туманов разработал

  • @sovetuempolezno
    @sovetuempolezno 3 роки тому +2

    Здравствуйте! При выборе fixed, у меня фото увеличивается. Меняет размер

    • @c2h5oh87
      @c2h5oh87 3 роки тому +1

      @@kindlessperson не помогает(

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

    Как это адаптировать?

  • @user-sf5lm8sn1k
    @user-sf5lm8sn1k 3 роки тому +3

    А где можно исходники кроссовка взять?

    • @Flashfamily
      @Flashfamily  3 роки тому +1

      washoffame.ru/

    • @neranotte5123
      @neranotte5123 3 роки тому +1

      @@Flashfamily Делала так же, только с эмоджи, после того как выбираю "fixed" изображение в шейпе увеличивается.. Что можно сделать?

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

    А как подписаться на твою инсту, если в описании к видео ничего нет, чувак оставь буквы плиз)

    • @Flashfamily
      @Flashfamily  3 роки тому

      instagram.com/ananiev_design

    • @nedzuzu8949
      @nedzuzu8949 3 роки тому

      @@Flashfamily спасибо)

  • @user-bh7qq9uj8e
    @user-bh7qq9uj8e 2 роки тому

    где взять фотографию грязного кроссовка?

  • @user-kc4py2ej2b
    @user-kc4py2ej2b День тому

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

  • @user-hc2dk6si4j
    @user-hc2dk6si4j 3 роки тому +6

    Делала так же, только с курткой, после того как выбираю "fixed" изображение в шейпе увеличивается.. Что можно сделать?

    • @hello_artem
      @hello_artem 3 роки тому +1

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

  • @insurer_ru
    @insurer_ru 3 роки тому +4

    А как можно размер самого изображения внутри шейпа менять? Что-то не нашёл.

    • @Flashfamily
      @Flashfamily  3 роки тому

      Можно уменьшить сам шейп и проставить относительно чего элемент будет отбиваться

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

      Я так делал, но при уменьшении шейпа просто меняется видимость самой картинки внутри шейпа. То есть видно становится только часть картинки. В итоге редактировал саму картинку в фотошопе, делал саму картинку внутри PNG меньше. Если мне повезёт, то на Марафоне по созданию портфолио Сергей посмотрит мой сайт и даст оценку )

    • @user-ec4ts9nc8g
      @user-ec4ts9nc8g 3 роки тому +2

      Такая же ситуация.
      Если не переходить на fixed, то изображение в шейпе расположенно хорошо, но как только переключаешь на fixed изображение увеличивается и, соответственно, не уменьшается.
      Подскажите, что делать с таким явлением?

    • @Flashfamily
      @Flashfamily  3 роки тому +2

      @@user-ec4ts9nc8g закладывай в картинке больше фона

    • @Kristvorit
      @Kristvorit 3 роки тому

      @@Flashfamily да, аналогичная ситуация. Причем даже если "попадешь" в нужное место при редактировании картинки и угадываешь с располажением фона, то на экранах 2К или 4К картинка все равно едет и отображается обрезанно или не в том месте + очень портится качество исходника. Подскажите, как вы решали эту проблему с отображением на разных экранах и какой размер исходной картинки был...и как так у вас качество не портится?))

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

    Почему на мобильной версии не работает?

  • @user-nw9mk1mw1m
    @user-nw9mk1mw1m 3 роки тому

    С мобильных долго прогружаться будет. Вечная дилемма либо красиво либо быстро.))

  • @lazylion8379
    @lazylion8379 3 роки тому

    Сделал всё 1 в 1 и не фиксируется изображение верхнее

    • @Flashfamily
      @Flashfamily  3 роки тому

      значит не 1 в 1 :)

    • @lazylion8379
      @lazylion8379 3 роки тому +2

      @@Flashfamily всё получилось) но возникла такая проблема, когда перевожу в fixed, то картинка в блоке увеличивается, что делать?

    • @user-oc1yn7uy8h
      @user-oc1yn7uy8h 2 роки тому

      @@Flashfamily Ребят, помогите плиз! как у всех проблема - увеличение изображения. что делать, как исправиться?

  • @user-zk9fd7cb5j
    @user-zk9fd7cb5j 2 роки тому +2

    Бред. 2 часа потратила впустую, картинка при нажатии на fixed увеличивается и не уменьшается никак, я пробовала и фон добавлять, и менять пиксели самой картинки, и качество хуже, ничего не помогает и я не понимаю почему на видео ели ели увеличилось, а у меня увеличивается примерно в 100-200 раз

    • @user-yb2gl9pv5h
      @user-yb2gl9pv5h 6 місяців тому

      через 2 часа я поняла что картинку надо ставить на поле размером со странницу и уже на этом поле подгонять картинку. Только тогда выходит что-то

  • @yesmish7
    @yesmish7 3 роки тому

    В мозиле у меня этот эффект не виден, за то в хроме - виден (

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

    ЭТО ТОЛЬКО В ПК РАБОТАЕТ , КАК МОЖНО СДЕЛАТЬ ЧТОБЫ ЭТО РАБОТАЛА В ТЕЛЕФОН

    • @m.antoniuk
      @m.antoniuk 3 роки тому

      На моб версии можно использовать блок галерея сравнение GL09

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

    Сам придумал загадку и сам разгадал) красава

  • @DmitriyStroncev
    @DmitriyStroncev 3 роки тому +4

    Там уже имя есть или было уже. Дмитрий Туманов дизайнер. experts.tilda.cc/dmitriy_tumanov

    • @Flashfamily
      @Flashfamily  3 роки тому

      Да, он уже написал мне :)

    • @LevDenisov-afc
      @LevDenisov-afc 3 роки тому +1

      Школа Молнии так не стесняйтесь, добавьте в описание

  • @mybodyartchannel
    @mybodyartchannel 3 роки тому +2

    Ракета! Бомба! Питарда!

  • @user-qx7rl4gi2t
    @user-qx7rl4gi2t 3 роки тому

    Возможно ли такой эффект реализовать на мобильной версии?

    • @clooowngaming
      @clooowngaming 3 роки тому

      уже да, так теперь добавили step by step animation в мобильную версию

  • @user-gf5qd5rz1o
    @user-gf5qd5rz1o 3 роки тому

    увеличивается и ничего не сделать

  • @user-dk9ni3dg1m
    @user-dk9ni3dg1m 3 роки тому

    Мне кажется здесь не все знакомы с версткой так? Просто для верстальщика это не проблема, но в плане функциональности тильды, очень информативно но думаю верстальщик бы додумался и в тильде

  • @ivanshvab2711
    @ivanshvab2711 3 роки тому

    ++++++++

  • @user-bi3yq4vz4x
    @user-bi3yq4vz4x 2 роки тому

    пфф...

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

    Спасибо