Role Club

Информация о пользователе

Привет, Гость! Войдите или зарегистрируйтесь.


Вы здесь » Role Club » CSS » Свечение и отражение аватар


Свечение и отражение аватар

Сообщений 1 страница 2 из 2

1

Данные два свойства продемонстрируем на аватарах.
Отражение поддерживается только Гугл Хромом и Сафари.
Свечение всеми браузерами.
Оба свойства прописаны с помощью 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>

0

2

спасибо)

0


Вы здесь » Role Club » CSS » Свечение и отражение аватар


Рейтинг форумов | Создать форум бесплатно © 2007–2017 «QuadroSystems» LLC