123131233 1 123131233 Регистрация 7 Дек 2013 Сообщения 85 Репутация 0 Спасибо 0 Монет 0 16 Янв 2017 #1 Как создать список ссылок с фоновыми чёрно-белыми изображениями и полупрозрачностью, а чтобы при наведении фоновые изображения становились непрозрачными и цветными
Как создать список ссылок с фоновыми чёрно-белыми изображениями и полупрозрачностью, а чтобы при наведении фоновые изображения становились непрозрачными и цветными
Bajwdsad B Bajwdsad Регистрация 29 Ноя 2013 Сообщения 95 Репутация 0 Спасибо 0 Монет 0 16 Янв 2017 #2 css: link { opacity:.5; background url(ссылка на черно-белое изображение); transition .3s; } link:hover { opacity:1; background url(ссылка на цветное изображение); } Позитивный голос 0
css: link { opacity:.5; background url(ссылка на черно-белое изображение); transition .3s; } link:hover { opacity:1; background url(ссылка на цветное изображение); }
toha1289 T toha1289 Регистрация 25 Дек 2013 Сообщения 83 Репутация 0 Спасибо 0 Монет 0 16 Янв 2017 #3 HTML: ГлавнаяСтатьи CSS: ul.urls { background-color: url(./images/bwhite-picture.png); // Ч/Б картинка opacity: 0.2; // 0.2 - уровень прозрачности. 1 и выше - непрозрачный } ul.urls:hover { // псевдоклас hover отвечает за действия при наведении моуса background-image: url(./images/color-picture.png); // Цветная картинка opacity: 1; } Позитивный голос 0
HTML: ГлавнаяСтатьи CSS: ul.urls { background-color: url(./images/bwhite-picture.png); // Ч/Б картинка opacity: 0.2; // 0.2 - уровень прозрачности. 1 и выше - непрозрачный } ul.urls:hover { // псевдоклас hover отвечает за действия при наведении моуса background-image: url(./images/color-picture.png); // Цветная картинка opacity: 1; }