изменение цвета рамки при наводке курсора

[Alex15963]

Всем привет! Подскажите пожалуйста. Как можно управлять границей сетки через Css3 анимацию - переход - тригер - Border color ? (изменение цвета рамки при наводке курсора) Пример на этом сайте - http://karcher-mvk.com/avtomobilnye-min ... moyki.html Может какие другие варианты? Спасибо!

[Конструкторщик]

Идете в свойства нужного объекта, выбираете вкладка "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;

[anonimus]

держите

1.wbs

[Alex15963]

Спасибо большое!!! Очень выручили!

[Alex1972]

Hover.Border color.
Но на объекте рамка должна быть.Если бордер=о,ничего не выйдет

[Alex15963]

Анаталий, спасибо еще раз! Очень выручил первый вариант, там где рамка ставится на все сетки одновременно. А можно ли как-то с одной сетки снять рамку? Спасибо!

[anonimus]

так поставьте рамки куда надо, а куда не надо не ставьте
код весь у вас есть

[Alex15963]

Так в том и дело. На странице надо около 20 рамок каждую прописывать кодом - геморойно. Потому - спасибо Вам, Вы дали код всем гамузом. Но на странице есть еще одна сетка, которая должна быть без рамки. А таких страниц - много. Вот теперь выбор - прописывать каждую ячейку сетки отдельно или может есть, что-то забить в исходник или HTML, что б одна сетка была без рамки? На худой вариант, можно сетку заменить слоем, но страниц много.