Произвольные геометрические фигуры css3. Фигуры на CSS: вводный курс. Справочный блок Фигуры
Всем привет. Сегодня мы заденем довольно необычную тему, а именно будущее веб — дизайна, это CSS фигуры.
Как известно, что сейчас очень модный , но в основном он состоит из прямоугольников, которые, в свою очередь, очень ограничивают кругозор дизайнеров. А тут ещё и адаптивность.. Которая очень ограничивает по поводу творчества. Но тут есть один огромный плюс — это обтекание текста вокруг прямоугольника, проще простого, а вот как сделать чтобы текст обтекал круглые или не ровные формы, вот это уже сложнее. Потому что картинки круглыми сделать нельзя.
Вот как раз в таком случае к нам на помощь бегут фигуры. Популярный сайт W3C CSS опубликовал первую документацию по фигурам. Вот этот пост на английском CSS Shapes Module Level 1 . Модуль этот вышел недавно 20 июня. Пока что это бета версия, которая включает в себя такие фигуры как прямоугольник, треугольник, эллипс, круг и многоугольник.
Теперь давайте подробнее рассмотрим, в чём же преимущество CSS фигур на примере.
Для начала возьмём не сложную HTML разметку за неё спасибо http://www.webdesignerdepot.com :
Это пример текста