КОнтакты, предложения, отзывы

.rar или .zip
Вложение
Онлайн-чат
На этом сайте, вы найдёте полезную информацию, практические советы в области веб-программирования, веб-дизайна и веб-разработок в целом. Мы с удовольствием поделимся с вами реальными примерами и решениями задач, связанных с jQuery , JavaScript , PHP и MySQL , версткой сайтов , поможем разобраться новичкам с современными технологиями, такими как Ajax , HTML5 , CSS3 и многими другими.

CSS фильтры

Blur(размытие)

  img.filter{
    transition: all 2s;
  }

  img#blur:hover{
    filter: blur(1px);
  }

Brightness(яркость)

  img#brightness:hover{
    filter: brightness(130%);
  }

Contrast(контраст)

  img#contrast:hover{
    filter: contrast(130%);
  }

Grayscale(чёрно-белое)

  img#grayscale:hover{
    filter: grayscale(100%);
  }

hue-rotate(поворот цветового круга)

  img#hue-rotate:hover{
    filter: hue-rotate(100deg);
  }

invert(инверсия)

  img#invert:hover{
    filter: invert(100%);
  }

opacity(прозрачность)

  img#opacity:hover{
    filter: opacity(0%);
  }

saturate(насыщенность)

  img#saturate:hover{
    filter: saturate(150%);
  }

sepia

  img#sepia:hover{
    filter: sepia(100%);
  }
Можно комбинировать фильтры, указывая их через пробел:
  filter: brightness(77%) sepia(33%);
На этом всё, мы посмотрели все фильтры, больше нету(:)
2017.08.06 124

Людям физического труда для восстановления своих сил нужен 7-8 часовой ночной сон. Людям умственного труда нужно спать часов 9-10. Ну а программистов будить нельзя вообще.
Войдите или Зарегистрируйтесь чтобы оставить комментарий

Комментарии


    Яндекс.Метрика Яндекс.Метрика