CSS Для изображений.

 

Сново разыскала интересную штуку) Этот CSS изменяет насыщенность изображения при наведении на него. Можете эксперементировать если разбираетесь в кодах и добавлять все по вашему усмотрению для улучьшению.

 приятной вставки) Желательно отписывайтесь чтоб я знала что кидаю их не в пустую)

 


 

 

p img[src*=".jpg"] {


-webkit-transition: all 1s ease-out;


-moz-transition: all 1s ease;


-o-transition: all 1s ease;


 border: 2px solid #fff;  


   border-bottom: 20px solid #fff; 


}


p img[src*=".jpg"]:hover {


 


     -webkit-filter: grayscale(100


        -moz-filter: grayscale(100


        -ms-filter: grayscale(100


        -o-filter: grayscale(100


        filter: grayscale(100


}

  Вот черт… тут копируется с этими смайлами.  после ста сразу без пробелов пишите ; )

Обсудить у себя 6
Комментарии (24)

ММ и еще… там не смайлики) а часть кода:D

Спасибо. Возьму, попробую

 напиши если что не так в нем будет помогу может)

Ммм, хорошо. Я вообще не шарю в этих кодах. Его в доп. css вставлять? Я вставила у меня ничего не изменилось

в дополнительный можно) наводишь на изображение и оно меняет отенок)

Хм.Ну сейчас еще раз попробую.

Эх, не меняется ничего. Ну ладно, завтра еще раз, уже на выспавшуюся голову попробую)

  Вот черт… тут копируется с этими смайлами.  после ста сразу без пробелов пишите ; )

Дело в том, что у меня вообще коды не работают. Вернее, работали раньше, а теперь почему-то не хотят. 

Я сразу попробовала код, что бы картинка как в негативе отображалась, но все-равно не работает. И так со многими кодами.

Мне пока  спецэффектов хватает, спасибо тебе), но возьму на заметку!

интересно) взяла)) 

  Вот черт… тут копируется с этими смайлами.  после ста сразу без пробелов пишите ; )

Тоже где-то коды с фильтрами находила, только не смогла их подстроить под здешний CSS. А у вас получилось хорошо.

получилось только ненравится что на сайте сразу даже код может в смайл прочесть и отображаться он будет(

Очень красивый эффект)))  молодчага)) впрочем как обычно))

ничего не получается...(

там вместо смайлов вставь после 100  ; и )  без пробелов

не тупа… не получилось..

у меня все норм((

аа бляяя я тоже хочууу

поставь после всего и каждой 100; ) еще и ;

окей, вечерком попробую, напишу, а то времени совсем нету..

Я видела в инете коды эти

но не преобразованные для МП

Чтобы комментировать надо зарегистрироваться или если вы уже регистрировались войти в свой аккаунт.

Войти через социальные сети: