Ребята как добиться такого эффекта с помощью CSS ? - Вопросы по сайтостроению

Вопрос Ребята как добиться такого эффекта с помощью CSS ?

Регистрация
30 Окт 2013
Сообщения
83
Репутация
0
Спасибо
0
Монет
0
Изображение делаем фоном для дива. Далее для div прописываем псевдоэлемент ::before или ::after и задаём ему соответствующие свойства: content: ""; width: 50%; height: 100%; background: blue; opacity: 0.5; (или два последних свойства заменить на background: rgba(0, 100, 255, 0.5);) Не забудьте div тоже задать высоту, а то не сработает стопроцентная высота псевдоэлемента.
 
Регистрация
13 Авг 2013
Сообщения
82
Репутация
0
Спасибо
0
Монет
0
Если просто одну картинку такую то в фотошопе будет правильней - меньше кода! Больше кислорода!
 
Регистрация
30 Ноя 2013
Сообщения
81
Репутация
0
Спасибо
0
Монет
0
можно сверху наложить див с голубым бэкграундом и опасити процентов в 60, можно спрайтом пнг-шным полупрозрачным бэкграунд залить... вариантов с десяток можно придумать...
 
Сверху Снизу