Почему я бросил вести этот сайт! Потому, что система ведет себя по-хамски по отношению к посетителям сайта, навязывая последним бесконечное количество баннеров-заглушек контента, особенно пришедшим с мобильных устройств!

DownLoad_Free

Как покрасить картинку на сайте в 3 цвета при помощи CSS - Архив

При подвисании загрузки переводчика нажмите F5

Back to kachay.ucoz.org

Играйте бесплатно в TommyRock ЛОТО с призами от спонсоров .
Игра ведется в режиме "S&G" (т.е. начинается сразу, как только в игре окажутся 9 карточек)

Рекомендуем:

Нашли ошибку или
хотите что-то сообщить -
жмите Ctr+Enter

[Ленточный вид форума] [Поиск] [RSS]

Страница 1 из 1
1

Как покрасить картинку на сайте в 3 цвета при помощи CSS (CSS эффекты колоризации изображения)

Как покрасить картинку на сайте в 3 цвета при помощи CSS

Дата: Вторник, 20.10.2015, 00:55 | Сообщение # 1

Группа: Администраторы

Сообщений: 1530

Данный CSS скрипт имеет целый ряд приемов, которые надо знать и уметь применять в вебпрограммировании. Приведем сразу код:

HTML/Jade:
div(class="header__image decor-image")

CCC/SCCS:

.decor-image {
background: url(http://ltcled.ru/img/slider46.jpg),
linear-gradient(90deg,
      salmon 40%,
      yellow 42%, yellow 60%,
      skyblue 60%);
background-blend-mode: luminosity;
background-position: 50% 0%;
background-size: 100%;
border-radius: .5rem;
}

.header__image {
/*width:300px;*/
    height: 16rem;
    margin-bottom: 1rem;
    }

Как покрасить картинку на сайте в 3 цвета при помощи CSS (CSS эффекты колоризации изображения)

Страница 1 из 1
1

^ Наверх ^

Пригодилось!