Модификации
2024-04-02 09:45 Эффекты и анимация

Скругление углов у шейпа (Shape) в зеро-блоке на Тильде

Создание уникального дизайна сайта – это процесс, требующий не только творческого подхода, но и использования различных инструментов. Одним из таких инструментов является шейп (Shape) на платформе Тильда. Однако, стандартный функционал не всегда позволяет достичь нужного результата, особенно когда речь идет о скруглении определенных углов.

Но не стоит отчаиваться! Существует простой способ решить эту проблему. Мы можем использовать код, который поможет нам создать дизайн, соответствующий нашим задумкам. Это особенно полезно при создании товарных карточек, кнопок или плашек для заголовков разделов.

Для того чтобы скруглить углы определенного объекта на Тильде, мы можем воспользоваться CSS кодом. Вставляем его в блок Т123 и присваиваем шейпу класс .cuberadius, обновляем страницу и вуаля! Наш объект приобретает нужную форму.

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

Инструкция:
  1. Создать зеро-блок
  2. Добавить в зеро-блок элемент шейп (Shape)
  3. Присвоить элементу класс .cuberadius - Инструкция как добавить класс элементу в зеро-блоке
  4. Создать блок Т123 и добавить в него код из инструкции
  5. Настроить скругление углов у шейпа в коде
  6. Обновить страницу
<!-- Скругление углов у Шейпе Cubeteam.ru-->
<!-- https://cubeteam.ru/blog/tpost/n26zmysyd1-skruglenie-uglov-u-sheipa-shape-v-zero-b -->
<style>
    .cuberadius{   /*0px - левый верхний, 5px правый верхний, 5px правый нижний, 0px левый нижни*/
        border-radius: 0px 5px 5px 0px !important;    /*Радиус скругления у блока*/
        overflow: hidden; 
    }
</style>