На веб-сайте ниже приведено полное фоновое изображение, а поверх этого изображения есть сетка/сеть, которая затемняет изображение, что это такое, где я его нахожу, как мне его создать? (Ив искал исходный код, не мог найти его, помочь мне)HTML CSS-изображение darken grid (возможно, плагин)
-1
A
ответ
0
Возможно, просто наложение градиента?
html {
min-height:100%;
background:
linear-gradient(to left,transparent 50%, rgba(0,0,0,0.3) 50%),
linear-gradient(to bottom,transparent 50%, rgba(0,0,0,0.3)50%),url(http://lorempixel.com/640/480);
background-size:2px 4px, 4px 2px, cover;
}
html:hover {/* demo purpose */
background-size: 0% 0%,0% 0%, cover;
}
+0
большое спасибо! – F1ks3r
0
С opacity
атрибутов вы можете затемнить изображение. Вы можете реализовать это следующим образом:
body {
background-image: url('path');
}
div {
opacity: 0.2;
}
Я поставил body
фоновое изображение, и когда вы даете div
opactiy, он должен сделать изображение темнее. Иногда это может быть очень полезно.
Надеюсь, я ответил на ваш вопрос.
Вопросы просят нас, чтобы рекомендовать технику или найти книгу, инструмент, библиотека программного обеспечения, учебник или другие за пределами площадки ресурса вне темы для Stack Overflow –