Jump to content
  • 0
Sign in to follow this  
Coby87

эффект черно-белое

Question

Coby87    0

Добрый день! Подскажите, как можно сделать эффект, чтобы картинка была черно-белая, а при наведении на неё курсором - цветная стала?

Share this post


Link to post

4 answers to this question

Recommended Posts

  • 0
1 час назад, Coby87 сказал:

Добрый день! Подскажите, как можно сделать эффект, чтобы картинка была черно-белая, а при наведении на неё курсором - цветная стала?

Надо писать код с применением css фильтров

Share this post


Link to post

Новая статья

Как бесплатно получить специализированный хостинг для Adobe Muse сайта. Читайте новую инструкцию по этой ссылке.
  • 0
Coby87    0
59 минут назад, Павел Хомерики сказал:

Надо писать код с применением css фильтров

Виджетов тоже нет подобных?

Share this post


Link to post
  • 0
34 минуты назад, Coby87 сказал:

Виджетов тоже нет подобных?

Я не знаю. Ищите - может что то найдете.

А код вот такой

<style>
.grayStyle {
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);
  filter: grayscale(100%);
  filter: gray; /* IE 6-9 */
  -webkit-transition: all 1s;
  -moz-transition: all 1s;
  -o-transition: all 1s;
  transition: all 1s;
}
.grayStyle:hover {
  -webkit-filter: none;
  -moz-filter: none;
  -ms-filter: none;
  -o-filter: none;
  filter: none;
  filter: none; /* IE 6-9 */
}
</style>

Но если вам не нужен плавный переход, то можете просто две картинки использовать в разных состояниях - чернобелую и цветную

Share this post


Link to post
Sign in to follow this  

×
×
  • Create New...