Эффект CSS “решетка / клетчатая сетка” полупрозрачная

Я стараюсь размещать эффект CSS "решетка / клетчатая сетка" в целое число.

В этом Вебе возможно видеть пример (он вмещает всю первую секцию и navbar) http://demo.uncommons.pro/themes/wp/maya/wedding/

Я не смог находить в Вашем CSS стоимость, которая производит вышеупомянутый эффект

Какая-то идея?

3
задан 21.06.2017, 00:59
2 ответа

Этот эффект они этого добиваются с изображением 2x2 pГ-xeles, и псевдоэлемент ::after

.dotted:after {
  background: url("../img/pattern_dot.png") repeat left top rgba(0,0,0,0.5);
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  opacity: 0.3;
  position: absolute;
  top: 0;
  bottom: 0;
}
5
ответ дан 24.11.2019, 13:28
  • 1
    Функция и # 243; в perfecci и # 243; n. Тысячи спасибо! – Elias Aria 07.09.2016, 22:01

Если он подаст тебя чего-то, но мне случается помещать изображение, у которого была бы решетка, которую ты ищешь, и к CSS opacity добавлять его в: 0.2; или что-то похожее, чтобы загружать матовость. Также один color:grey; чтобы давать ему этот сероватый тон, если ты используешь что-то unicode или сходные. Он состоял бы в том, чтобы накладывать изображение, которое приносит матовость (или значок, если ты используешь unicode) на той, которую ты хочешь, что видели с этим эффектом (и та же, что и внизу с нормальной, такой матовостью увидела бы эффект).

Я это не делал никогда и не могу помогать тебе больше, надеюсь, что он подает тебя или ведет тебя немного.

2
ответ дан 24.11.2019, 13:28
  • 1
    Мне удалось сделать это " imitando" эффект с photoshop, но только он вместил бы часть изображения, и изображение navbar. Это хорошая идея также – Elias Aria 07.09.2016, 21:54

Теги

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