Создание шестигранной формы с чистым CSS3

Вопрос:

может быть создан с использованием исключительно CSS3, воспроизводить Форма, показанная в предоставленном изображении? чистый CSS3. Чтобы достичь этого, вы можете использовать код символа HTML для шестиугольника, следующим образом:

[Image of a hexagon]

Этот код представляет собой символ Unicode для шестиугольника. В качестве альтернативы, вы можете использовать следующий код CSS, чтобы отобразить шестигранку: ] . Hex1 :: до { Содержание: "\ 2B22"; Цвет: оранжевый; размер шрифта: 135px; } .hex2 :: Перед { Содержание: "\ 2B22"; дисплей: блок; Цвет: пурпурный; размер шрифта: 135px; -Вебкит-трансформ: вращение (-30deg); -Моз-трансформ: вращение (-30deg); -o-transform: utate (-30deg); Преобразование: вращение (-30deg); }. Используя :: Перед псевдоэлементом вы можете вставить символ шестигранника перед указанным элементом. Свойство контента устанавливает содержание псевдоэлемента для символа Hexagon Unicode. Затем вы можете настроить размер, цвет и вращение шестиугольника, используя предоставленные свойства CSS.