У меня есть фон, похожий на сетку блокнота, созданную с помощью линейного градиента. Вдобавок к этому я хотел бы добавить оверлей с .png, чтобы придать ему шумный / пыльный эффект, и убрать плоскостность цвета фона.
Мой код сейчас выглядит так, но он не добавляет наложение: после
body{
background: #DDDAD5;
background-image:
linear-gradient(90deg, rgba(85,85,85,1.0) 2px, transparent 1px),
linear-gradient(0deg, rgba(85,85,85,1.0) 2px, transparent 1px);
background-size: 40px 40px;
}
body:after{
background-image: url("https://clipart4biz.com/images/overlay-transparent-dust-particle-6.png");
background-size: cover;
}
Не уверен, что происходит с кодом в коде, но, к сожалению, .png не выглядит как наложение - на самом деле, он не появляется совсем! Что нужно сделать на этом этапе?
Большое спасибо :)