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

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

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



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



Страница 1 из 11
Архив » История мировых и локальных событий » История развития сайта » Как покрасить картинку на сайте в 3 цвета при помощи CSS (CSS эффекты колоризации изображения)
Как покрасить картинку на сайте в 3 цвета при помощи CSS
Дата: Вторник, 20.10.2015, 00:55 | Сообщение # 1
Группа: Администраторы
Сообщений: 1524


Данный 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 из 11
Поиск:


Copyright kachay.ucoz.org © 2008-2016Хостинг от uCoz
^ Наверх ^
Пригодилось!