2016-03-06 2 views
-1

На веб-сайте ниже приведено полное фоновое изображение, а поверх этого изображения есть сетка/сеть, которая затемняет изображение, что это такое, где я его нахожу, как мне его создать? (Ив искал исходный код, не мог найти его, помочь мне)HTML CSS-изображение darken grid (возможно, плагин)

http://www.art3d.ru/

+0

Вопросы просят нас, чтобы рекомендовать технику или найти книгу, инструмент, библиотека программного обеспечения, учебник или другие за пределами площадки ресурса вне темы для Stack Overflow –

ответ

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, он должен сделать изображение темнее. Иногда это может быть очень полезно.

Надеюсь, я ответил на ваш вопрос.