Как на CSS сделать блоки «нестандартной» (не прямоугольной) формы?

Есть дизйн для верстки, в котором блоки-ссылки имеют нестандартную форму:
e6b32bf231e243a5992a88b42ae35b05.jpg
Если делать ссылки прямоугольными блоками, то как видно на этом скрине:
17dc8228a2c94a91bfc158e3fa73e71f.jpg
зоны ссылок пересекаются и кликабелен будет блок, который сверху в стопке слоев.
Можно ли как-то сделать блоки не прямоугольной формы, как тут:
5a8825a465944c12af8d00b009094acc.jpg
  • Вопрос задан
  • 17804 просмотра
Решения вопроса 2
@ukoHka
Всего понемногу
Ответ написан
Комментировать
sayber
@sayber
Да, я программирую на PHP и еще асинхронно!
Комментировать
Пригласить эксперта
Ответы на вопрос 2
@GreatRash
Интерактивный туториал: там вверху жмите кнопку "Next Step"
Ответ написан
Комментировать
Symphony
@Symphony Куратор тега CSS
У SVG преимущества перед мэп ареа, например :hover
jsfiddle.net/Symphony/s1qr1auy
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы