Как в Тильде сделать Squircle (Superellipse) скругление в ZeroBlock

Вы сможете добавить скругление, как на iOS, так называемый Squircle или Superellipse, к шейпу, изображению или кнопке в ZeroBlock

Снимок экрана из оригинала статьи на сайте anku.one

Пример

Пример доступен в оригинале статьи на моем сайте.

Инструкция

1. Копируете скрипт в T123;
2. Заполняете настройки*;
3. Устанавливаете внизу страницы, если используете на всем сайте, то устанавливайте в подвал;
4. Создаете ZeroBlock;
5. Добавляете элементы;
6. Присваиваете классы: «randon-corners» — для элемента с разными углами (в примере шейп с фото); «large-corners» — для элемента с одинаковыми углами большого радиуса (в примере шейп); «small-corners» — для элемента с одинаковыми углами меньшего радиуса (в примере кнопка);
7. Заполняем настройки;
8. Если необходимо добавляем настройки для адаптивов;
9. Публикуйте страницу.

*Настройки помечены комментариями в коде.

Код примера

Код примера вы можете скопировать, перейдя по ссылке на оригинал статьи, т.к. в Дзен нет обертки для кода в редакторе.

Ссылка на оригинал статьи