Задать вопрос
@istasiik
html

Как заменить картинку на градиент посредством CSS?

Здравствуйте! Есть вот такие классы в CSS, которые накладывают картинку-градиент поверх текста. 
div.shadow-dialog { position:fixed;top:90px; left:0; width:100%; bottom:60%; z-index:2; }
div.shadow-dialog img { height:100%; position:absolute;top:0; left:0;width:100%;}

Вызывается она в html вот так вот 
<div class="shadow-dialog"><img alt="" src="img/shadow.png"></div>

Как вместо картинки использовать градиент созданный с помощью чистого CSS? Градиент от белого непрозрачного до белого прозрачного.
  • Вопрос задан
  • 2532 просмотра
Комментировать
Подписаться 3 Оценить Комментировать
Пригласить эксперта
Ответы на вопрос 3
@vdem
1. В браузере (это та программа, через которую Вы заходите в интернет) открываете страницу google.com (вверху в окне браузера есть поле для ввода адреса страницы, которую Вы хотите открыть).
2. В поле ввода (посередине открывшейся страницы) вводите фразу "Как заменить картинку на градиент посредством CSS?".
3. Теперь нажмите кнопку "Поиск в Google". Должен появиться список страниц, где Вы найдете ответы на Ваш вопрос.
Ответ написан
5 комментариев
5 комментариев
DeLaVega
@DeLaVega
Верстаю, фронтэндю =) 
.gradient {
	background: -moz-linear-gradient(top, transparent 0%, #ffffff 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, transparent), color-stop(100%, #ffffff));
	background: -webkit-linear-gradient(top, transparent 0%, #ffffff 100%);
	background: -o-linear-gradient(top, transparent 0%, #ffffff 100%);
	background: -ms-linear-gradient(top, transparent 0%, #ffffff 100%);
	background: linear-gradient(top, transparent 0%, #ffffff 100%);
}
Ответ написан
4 комментария
4 комментария
IonDen
@IonDen
JavaScript developer. IonDen.com
На будущее, генератор градиентов на CSS
Ответ написан
Комментировать
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы
Вакансии с Хабр Карьеры
Frontend-разработчик (React)
ДАЛЕЕ
от 130 000 ₽
Тестировщик-стажёр
ITooLabs • Тула
от 35 000 до 40 000 ₽
Fullstack PHP Developer
Smapse Education
от 40 000 до 65 000 ₽
Ещё вакансии
Заказы с Хабр Фриланса
Установить Windows и терминалы RDP на Dedicated Server (без лицензии)
19 апр. 2024, в 21:24
3000 руб./за проект
Разработка VST-плагина
19 апр. 2024, в 20:43
20000 руб./за проект
Нарисовать баннер для интернет-магазина
19 апр. 2024, в 20:35
500 руб./в час
Ещё заказы