@rotFRONT1

Как убрать наследование filter svg для дочерних элементов?

Пытаюсь сделать "рваные" края у блока, использую filter svg. Но он применяется так же ко всем дочерним элементам.
Пример: https://codepen.io/aleksandr2/pen/bGoGEbG

Как сделать что бы текст был без этого фильтра?
  • Вопрос задан
  • 43 просмотра
Решения вопроса 1
RAX7
@RAX7
.combined {
  position: relative;
  padding: 50px;
  width: 400px;
  z-index: 0;
}

.combined::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #ccc;
  border-radius: 7px;
  filter: url(#combined);
  z-index: -1;
}
Ответ написан
Комментировать
Пригласить эксперта
Ваш ответ на вопрос

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

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