Задать вопрос
PankovAlxndr
@PankovAlxndr
Fullstack web developer

Как изменить часть background'a?

Здравствуйте, не подскажите как реализовать, такой :hover эффект?
Это шапка сайта с меню:
e6318d6ac1a54a729ede9cc31d447004.PNG

Загвоздка в рваном крае снизу.
Как его сделать, это не проблема, например через :before на background ставим картинку и repeat-x.

Но вот как измениться часть этого рваного края? (изменить - поменять цвет определенной области)

дело в том, что он разный под всеми элементами меню (с разных мест начинается) те сделать одну картинку рваного края и ее при :hover ставить, то будет неcотыковка по рисунку.

Заранее благодарен за овтет!
  • Вопрос задан
  • 2234 просмотра
Подписаться 4 Оценить Комментировать
Пригласить эксперта
Ответы на вопрос 2
Jeiwan
@Jeiwan
Так саму картинку с фоном для рваного края можно сделать прозрачной в верхней части. Т. е. на картинке будет нарисована только нижняя (светло-желтая) часть, а верхняя будет прозрачной, и через нее будет виден задний фон (красный, оранжевый или какой угодно).
Ответ написан
@YemSalat
Ответ написан
Комментировать
Ваш ответ на вопрос

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

Похожие вопросы