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

54

pornodump

10 июня 2013, 23:00

5043

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

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

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

111

Святослав Гусев

10 июня 2013, 23:13

#1

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

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

P

54

pornodump

10 июня 2013, 23:24

#2

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

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

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

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

386

dkameleon

11 июня 2013, 01:34

#3

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

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

Дизайн интерьера (http://balabukha.com/)

122

ego

11 июня 2013, 01:51

#4

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

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

1

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

P

54

pornodump

12 июня 2013, 01:22

#5

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

Маркетинг для шоколадной фабрики. На 34% выше средний чек

Курс биткоина превысил $50 тысяч