Описание тега css-shapes

CSS-формы относятся к вопросам о рендеринге, ошибках и технических проблемах HTML/CSS-форм. Их можно использовать в любом теге, но они должны отображаться какblock или inline-blockэлементы. CSS-формы можно использовать для привлечения внимания зрителей к определенным элементам на странице, создания графики, структуры страницы и объектов.

Вот простой треугольник CSS,

.left-tri {
    width: 0; 
    height: 0; 
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent; 
    border-right: 10px solid brown; 
}

Вот самая распространенная форма CSS,

.square {
    width: 100px;
    height: 100px;
    background: brown;
}

Одним из преимуществ использования CSS-формы является возможность визуализации на любом дисплее монитора без пикселизации. CSS-формы очень похожи наSVG(Масштабируемая векторная графика), но исключите использование файла изображения. Они также могут позволить разработчику больше полагаться на CSS при стилизации страницы.

CSS-Shapes (исключение CSS) - новый инструмент, над которым работает Adobe. В настоящее время поддержка браузеров очень плохая. С помощью исключения CSS вы можете добавить пути для текста, который будет обтекать или внутри этого объекта, чтобы получить гладкую структуру текста без изображения. ( Например, для просмотра необходимо включить исключение CSS в вашем браузере)

Не все формы CSS имеют поддержку браузера. Исключения CSS см. На вкладке "Поддержка браузера".

Ссылки

• W3C CSS Shapes Часть 1

• W3C CSS Shapes Часть 2

• Adobe и HTML

• Формы CSS

• CSSDeck

• A List Apart - CSS-формы 101

Поддержка браузера

• Фигуры исключений CSS

• Веб-платформа Adobe

Инструменты для создания форм

• Генератор форм CSS - онлайн-инструмент для автоматического создания нескольких предопределенных базовых форм CSS.