Создание не квадратных макетов

В основе абсолютно любого сайта лежит прямоугольник – большая часть блоков, из которых сложен сайт по умолчанию имеют прямоугольную форму. При этом все эти блоки позиционируются при помощи тегов div, article и т.д.

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

Scalable Vector Graphic

Здесь речь идет о векторной графике, благодаря которой возможно масштабировать тот или иной элемент без потери им своего качества. Отметим, что некоторое время назад большинство современных браузеров стали поддерживать SVG. В этой связи внедрение на сайт элементов нестандартной формы не влияет на качество отображения сайта и скорость его загрузки.

Built By Buffalo

В данном случае речь идет о создании шестиугольников из нескольких треугольников. Благодаря поддержке трансформации искажения и изменения размеров обеспечивается возможность создания фигур без применения изображений. Отметим, что полученные фигуры могут быть стилизованы и анимированы путем внесения изменений в начальный код.