Как сделать шестиугольную окантовку с помощью css?

Question

[Роман]

Как сделать шестиугольную окантовку с помощью css? При наведении на автомобиль должна появляться окантовка, обязательно нужно через цсс, заказчика картинка не устраивает prntscr.com/a140q5

Answer 1

[Роман]

сделал при помощи 2х div, у которых один шестиугольник нужного цвета, а другой белого цвета который поменьше. Через z-index ставим нашу картинку наверх, таким образом получается окантовка. Посмотреть подробный цсс и хтмл код, можно по ссылке demo6.epiales.net/7

Comments

[Михаил Чирский]

Роман При наведении на автомобиль должна появляться окантовка, обязательно нужно через цсс
Вы сами пишите, что нужно через CSS, и делаете просто картинку, странное у вас представление конечно.

[Роман]

Михаил Чирский: prntscr.com/a1ehwr , где картинка? то что вы увидели здесь prntscr.com/a1eibc это было сделано картинкой при помощи спрайта. Надеюсь вы поняли о чём я :-)

[Михаил Чирский]

Роман: Да, видимо был старый пример, тогда молодец)

Answer 2

[kasumbekovaskar]

habrahabr.ru/post/126207

Comments

[Павел Воронюк]

вообще промах..

Answer 3

[Павел Воронюк]

примерно как то так

codepen.io/anon/pen/dGQLVX