Свечение вокруг изображения при наведении курсора

Сообщение **shalaka** » 21 фев 2016, 19:50

Здравствуйте!

Интересует решение "Свечение вокруг изображения или слоя при наведении курсора". Как можно реализовать?

Посмотреть пример (уголок, наличник, плинтус): http://best-brus.ru/tovary/pogonazhnye-izdeliya

Помогите пожалуйста!

Сообщение **Alex15963** » 21 фев 2016, 20:17

Тю. Ну так это ж обычная тень рамки в событиях. Вот один из примеров. http://www.ex.ua/567910861589 Кстати - корзина похожа от Гудвина

Сообщение **igorweb** » 21 фев 2016, 20:18

Идете в свойства нужного объекта, выбираете вкладка "CSS3 Анимация", в нижнем окошке "переходы" жмете "Добавить", в строке "свойство" выбираете box-shadow, далее в строке "значение" вводите парметры тени, например 0px 0px 5px #E25A00. Всё, при наведении у Вас будет свечение. Вместо #E25A00 указываете свой нужный цвет. Почитать что обозначают значения в коде тени (box-shadow) и как их задавать можете здесь: http://htmlbook.ru/CSS/Box-shadow
Также в свойствах html этого объекта, к которому применяете "свечение", нужно во вкладке "особый стиль" прописать код, чтобы было и плавное затухание:

Код: Выделить всё

-webkit-transition: all .5s linear;
-o-transition: all .5s linear;
transition: all .5s linear;

Отправлено спустя 37 секунд:

Алекс15963 писал(а):Источник цитаты в событиях

Не нужно никаких "событий", все делается при помощи css.

Сообщение **shalaka** » 21 фев 2016, 21:38

Спасибо большое, получилось!