Вы сможете добавить скругление, как на iOS, так называемый Squircle или Superellipse, к шейпу, изображению или кнопке в ZeroBlock Пример доступен в оригинале статьи на моем сайте. *Настройки помечены комментариями в коде. Код примера вы можете скопировать, перейдя по ссылке на оригинал статьи, т.к. в Дзен нет обертки для кода в редакторе.
Вы сможете добавить скругление, как на iOS, так называемый Squircle или Superellipse, к шейпу, изображению или кнопке в ZeroBlock
Пример
Пример доступен в оригинале статьи на моем сайте.
Инструкция
- Копируете скрипт в T123;
- Заполняете настройки*;
- Устанавливаете внизу страницы, если используете на всем сайте, то устанавливайте в подвал;
- Создаете ZeroBlock;
- Добавляете элементы;
- Присваиваете классы: «randon-corners» — для элемента с разными углами (в примере шейп с фото); «large-corners» — для элемента с одинаковыми углами большого радиуса (в примере шейп); «small-corners» — для элемента с одинаковыми углами меньшего радиуса (в примере кнопка);
- Заполняем настройки;
- Если необходимо добавляем настройки для адаптивов;
- Публикуйте страницу.
*Настройки помечены комментариями в коде.
Код примера
Код примера вы можете скопировать, перейдя по ссылке на оригинал статьи, т.к. в Дзен нет обертки для кода в редакторе.