Плавный переход картинки в фон (background)

P
На сайте с 06.03.2010
Offline
54
5035

Всем привет. Вроде раньше многим помогал с CSS, а тут столкнулся с проблемкой, оказывается сам незнаю как это сделать. Подскажите =))).

В общем есть background: #цвет картинка no-repeat;

Картинка большая и соответственно внизу резко оканчивается и начинается фон, как сделать плавное перетикание картинки в цвет фона? Конечно это можно сделать при помощи эффекта в фоторедакторе, но может конкретно на css такое можно? Всем спасибо...

Денис Косенко
На сайте с 15.05.2012
Offline
99
#1

Переход должен быть при наведении или автоматически при загрузки страницы?

Продвижение в соцсетях и мессенджерах при поддержке https://ros.media Telegram, ВКонтакте, Одноклассники, iTunes, TikTok, ASKfm, Мой Мир, Google Plus, App Store и Google Play. Автоматизированный SMM-сервис https://smoservice.media для вашего успеха!
P
На сайте с 06.03.2010
Offline
54
#2
Kris11:
Переход должен быть при наведении или автоматически при загрузки страницы?

Автоматически, это багкраунд всего сайта, т.е. body.

Вот примерно так:

Нужно чтоб картинка по нижней границе плавно переходила в фон (в данном случае черный например), а не резко кончалась.

dkameleon
На сайте с 09.12.2005
Offline
386
#3

картинку фоном в блок.

внуть ещё один блок, которому фоном градиент с переменной прозрачностью и цветом основного фона.

Дизайн интерьера (http://balabukha.com/)
ego
На сайте с 15.01.2007
Offline
122
ego
#4
dkameleon:
картинку фоном в блок.
внуть ещё один блок, которому фоном градиент с переменной прозрачностью и цветом основного фона.

+ 1 или не париться и сделать сразу в фоновой картинке, это будет самый простой и надежный вариант

СМИ (ЯК, Dmoz) тИЦ 250 (/ru/forum/799835) для ваших статей. Разработка сайтов на WordPress. Портфолио (http://www.egoroff.info/portfolio/)
P
На сайте с 06.03.2010
Offline
54
#5

Оо спасибо. Сделаю так.

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий