Суперэлипс в стандартных и зеро-блоках в Тильде

Поделиться
HTML-код
  • Опубликовано: 10 сен 2024
  • Делаем плавное скругление углов у всех элементов в зеро-блоке, и также в стандартных. Получается так называемый суперэлипс или squircle.
    Такой эффект можно наблюдать у иконок приложений на айфоне
    Мой сайт, где можете взять код:
    dsgnmax.ru/squ...
    Мой телеграмм канал:
    t.me/dsgnmax
    Чат для общения и помощи:
    t.me/dbmchat

Комментарии • 31

  • @paulnicholas8789
    @paulnicholas8789 Год назад +2

    Крайне редко оставляю комментарии, но хочу сказать, что ты просто чудо!) Спасибо за твой труд! Продолжай, пожалуйста. Это супер полезно! 🙏🏼

    • @designmax
      @designmax  Год назад +1

      Большое спасибо за теплые слова))

  • @matyashin_ds
    @matyashin_ds Год назад +1

    Спасибо, что делаешь такие вещи!

  • @andreysmotrityoutube
    @andreysmotrityoutube Год назад

    Дай бог тебе здоровья! 😀🙏

  • @user-yo4dg3wt8l
    @user-yo4dg3wt8l Год назад +1

    Огонь, ты лучший!!)

  • @katni98
    @katni98 Год назад

    Супер полезные видео! Очень все стильно показно 💔

    • @designmax
      @designmax  Год назад

      Большое спасибо))

  • @kosartboss847
    @kosartboss847 Месяц назад

    Добрый день, подскажите, я использовал скругление для ST300 и скруглились только верхние углы, выглядит прикольно, но хотелось бы понять почему так получилось) И какой бы радиус я не выставлял, то он не меняется. И параметр smooth тоже ничего не меняет.
    И есть ли код для блока CL47?

  • @user-qg2kf6xf6r
    @user-qg2kf6xf6r Год назад

    спасибо!

  • @catalystrussia
    @catalystrussia Год назад

    Топ топ!!!!

  • @samurai7701
    @samurai7701 Год назад +1

    Супер! Макс, подскажи пожалуйста, какой класс для блока VD06N , это видео с двумя плеерами ютюб, в табличке есть VD06, но он не рабтает(

    • @designmax
      @designmax  Год назад +1

      Привет, попробуй так)
      .t1061-col .t-video-lazyload

    • @samurai7701
      @samurai7701 Год назад

      @@designmax попробовал, не работает к сожалению

    • @designmax
      @designmax  Год назад +1

      @@samurai7701 я пробовал, все работало) напиши в телеге, глянем что там у тебя) @maksim_shukin

  • @user-jm7bn8nk7s
    @user-jm7bn8nk7s Год назад +1

    Макс, спасибо!!! Очень крутая модификация))) Глаз радуется сразу. Но не смогу ее применить к сожалению: т. к. скорость загрузки сайта сразу просела в два раза. Сервис PageSpeed Insights дал показатели загрузки 98 из 100, после того, как добавил модификацию, страница явно медленнее грузится и сервис показывает 46 из 100... Есть решение данной проблемы?

    • @designmax
      @designmax  Год назад

      Привет) я тоже потестирую и подумаю что можно сделать)

    • @user-jm7bn8nk7s
      @user-jm7bn8nk7s Год назад

      @@designmax Спасибо! Сама идея - пушка🔥🔥🔥

  • @user-st6oe6ck6e
    @user-st6oe6ck6e Год назад

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

    • @designmax
      @designmax  Год назад

      Привет) нужно смотреть что конкретно, без ссылки не понятно

  • @epimovdesign
    @epimovdesign 11 месяцев назад

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

    • @designmax
      @designmax  11 месяцев назад

      Вообще это не самый стабильный скрипт) я бы лишний раз не использовал его в боевых проектах)

  • @slres
    @slres Год назад

    Спасибо,очень круто. А подскажите почему не происходит закругление в моб версии Sv401

    • @designmax
      @designmax  Год назад

      Привет, без ссылки сложно понять)

  • @user-ho5hl5nm3h
    @user-ho5hl5nm3h Год назад

    Подскажите, что я делаю не так. Создал специально новую, пустую страницу, добавил зеро блок и в нем шейп, прописал шейпу класс squircle24, добавил код на страницу, публикую, а шейп вместо изменения формы стал прозрачным. И так со всеми элементами.

    • @designmax
      @designmax  Год назад

      Привет, а сам код добавлял в t123 или в настройки страницы?

    • @user-ho5hl5nm3h
      @user-ho5hl5nm3h Год назад

      @@designmax Привет. Сам код добавлял в t123. Вот сделал пару скринов в подтверждение i.imgur.com/iIs9cNA.png

    • @designmax
      @designmax  Год назад

      @@user-ho5hl5nm3h да, иногда пропадает почему-то, больше так и не появилось?

    • @user-ho5hl5nm3h
      @user-ho5hl5nm3h Год назад

      @@designmax нет, уже пару дней пытался, так и ничего.

    • @user-ho5hl5nm3h
      @user-ho5hl5nm3h Год назад

      @@designmax Проблема оказалась в браузере, пользуюсь cent browser на хромиуме, проверил на фаерфоксе там все норм.

  • @onlymozg6811
    @onlymozg6811 Год назад +1

    ой, тильдошный оргазм получен!