Данные два свойства продемонстрируем на аватарах.
Отражение поддерживается только Гугл Хромом и Сафари.
Свечение всеми браузерами.
Оба свойства прописаны с помощью CSS3, так что используйте последние версии браузеров.
Код:
li.pa-avatar {
/*Трансформацияя*/
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
/*Отражение*/
-webkit-box-reflect: below 0px -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(.7, transparent), to(rgba(0,0,0,0.4)));
margin-bottom: 50px;
}
li.pa-avatar:hover {
/*Свечение*/
-webkit-box-shadow: 0px 0px 20px rgba(255,255,255,0.8);
-moz-box-shadow: 0px 0px 20px rgba(255,255,255,0.8);
box-shadow: 0px 0px 20px rgba(255,255,255,0.8);
}Данный код вставляем в любое окно стиля, либо в Html-верх между тегами <style></style>
