prowebber.ru - Тут есть все для настоящих вебмастеров

Чтение RSS Мы в твиттере
«    Декабрь 2016    »
ПнВтСрЧтПтСбВс
 
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
 

Всё для вебмастера » Web » Полезные статьи » Стильный вид ссылок W/ CSS

Стильный вид ссылок W/ CSS


Данный материал предоставлен сайтом ProWebber.ru исключительно в ознакомительных целях. Администрация не несет ответственности за его содержимое.
У нас вы можете скачать бесплатно Стильный вид ссылок W/ CSS.


Стильный вид ссылок W/ CSS


Красивый эффект плавно поворачивающий ссылки налево или направо. Чтоб улучшить эффект фоновый цвет ссылки изменяется. И на удивление это чудо основано только на свойствах CSS!

a {
  display: inline-block;
  padding: 4px;
  outline: 0;
  color: #3a599d;
  -webkit-transition-duration: 0.25s;
  -moz-transition-duration: 0.25s;
  -o-transition-duration: 0.25s;
  transition-duration: 0.25s;
  -webkit-transition-property: -webkit-transform;
  -moz-transition-property: -moz-transform;
  -o-transition-property: -o-transform;
  transition-property: transform;
  -webkit-transform: scale(1) rotate(0);
  -moz-transform: scale(1) rotate(0);
  -o-transform: scale(1) rotate(0);
  transform: scale(1) rotate(0);
}
a:hover {
  background: #3a599d;
  text-decoration: none;
  color: #fff;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
  -webkit-transform: scale(1.05) rotate(-1deg);
  -moz-transform: scale(1.05) rotate(-1deg);
  -o-transform: scale(1.05) rotate(-1deg);
  transform: scale(1.05) rotate(-1deg);
}
a:nth-child(2n):hover {
  -webkit-transform: scale(1.05) rotate(1deg);
  -moz-transform: scale(1.05) rotate(1deg);
  -o-transform: scale(1.05) rotate(1deg);
  transform: scale(1.05) rotate(1deg);
}


Была использована функциональность каждого браузера (так как у каждого есть свой собственный префикс.) Продолжительность перехода установлена в 250 миллисекунд, и масштабирование/вращение установлено по умолчанию. Даже ссылки вращаются в различных сторонах, чтобы добавить немного больше стиля!


0
Просмотры: 3363 VIP ProWebber | Комментарии (18)
Уважаемый посетитель, Вы зашли на сайт как незарегистрированный пользователь.
Мы рекомендуем Вам зарегистрироваться либо войти на сайт под своим именем.

#1Dr.redoss

  • 1 апреля 2011 16:04
  • Регистрация: 13.11.2010
  • ICQ: 4585514
  • Комментариев: 107
Попробуемс сенкс

0

#2Answer

  • 1 апреля 2011 16:10
  • Регистрация: 24.02.2011
  • ICQ: 706113
  • Комментариев: 48
демо можно посмотреть здесь: ht_tp://raplist.ru/
Наведите на ссылки меню сайта либо в конце короткой новости.

--------------------

0

#3best_ghrom

  • 1 апреля 2011 17:03
  • Регистрация: 5.09.2009
  • ICQ: --
  • Комментариев: 56
А источник? Не хорошо воровать! stop

--------------------

0

#4Imperiuz

  • 1 апреля 2011 17:47
  • Регистрация: 5.05.2010
  • ICQ: --
  • Комментариев: 48
Сказал владелец сайта с ворованными шаблонами.

0

#5serGUCCI

  • 1 апреля 2011 17:59
  • Регистрация: 11.09.2010
  • ICQ: --
  • Комментариев: 446
  • Выкл.
у меня из-за этого сайт сильно тупить начал...пришлось убрать

-1

#6ik280

  • 1 апреля 2011 18:00
  • Регистрация: 11.10.2009
  • ICQ: --
  • Комментариев: 89
Неплохая штучка, прикрутил себе.
ПС на один день все стали админами провебы biggrin

0

#7best_ghrom

  • 1 апреля 2011 18:46
  • Регистрация: 5.09.2009
  • ICQ: --
  • Комментариев: 56
Imperiuz, wink Я не про свой сайт.
Просто источник футболмастер :)

--------------------

0

#8pernatik

  • 1 апреля 2011 19:22
  • Регистрация: 4.02.2010
  • ICQ: 907089
  • Комментариев: 122
Подобная тема есть на провеббере, с эксплорером не дружит

0

#9Dr. Neo

  • 1 апреля 2011 20:22
  • Регистрация: 3.12.2009
  • ICQ: 370771525
  • Комментариев: 400
  • Выкл.
баян-бабаян епты

-1

#10J1N

  • 1 апреля 2011 21:01
  • Регистрация: 1.04.2011
  • ICQ: --
  • Комментариев: 9
Dr. Neo,
Баян это 3 стандартных шаблона которые ты выложил =/

0

#11fdsa1

  • 1 апреля 2011 23:24
  • Регистрация: 17.09.2010
  • ICQ: 626127968
  • Комментариев: 287
  • Выкл.
Cпасибо, воспользуемся!

--------------------

0

#12valeha

  • 2 апреля 2011 01:53
  • Регистрация: 9.11.2009
  • ICQ: 397937393
  • Комментариев: 126
когда текст длинный показывает криво (косая не ровная) фуфло

--------------------

0

#13Dr. Neo

  • 2 апреля 2011 17:30
  • Регистрация: 3.12.2009
  • ICQ: 370771525
  • Комментариев: 400
  • Выкл.
Цитата: J1N
Dr. Neo,Баян это 3 стандартных шаблона которые ты выложил =/

олЭнь?
выкладывалось когда вышла новая дле специально чтобы людям не качать дистрибутив и херней не заниматься.
тебе лошпету пора коменты научиться читать

-1

#14pcvector

  • 2 апреля 2011 17:37
  • Регистрация: 7.12.2010
  • ICQ: --
  • Комментариев: 8
Было уже и на провеббере ... да и на руселлере видел давно

0

#150904

  • 2 апреля 2011 19:56
  • Регистрация: 24.01.2010
  • ICQ: 550570244
  • Комментариев: 18
Старый хак лучше и интересней, а этот еще и шаблон перекосил...

0

#16gcib

  • 15 апреля 2011 23:17
  • Регистрация: 15.04.2011
  • ICQ: --
  • Комментариев: 11
Это всё игрушки.... Зачем такое надо, если далеко не каждый пользователь это увидет. А у кого вообще гемором вылезет....

0

#17Rednex

  • 8 июня 2011 18:47
  • Регистрация: 8.06.2011
  • ICQ: --
  • Комментариев: 10
поставил себе, кайфово

0

#18Sandres2011

  • 19 июля 2011 14:39
  • Регистрация: 19.07.2011
  • ICQ: --
  • Комментариев: 12
ht_tp://raplist.ru/ кто подскажет, похожий рип есть на данный сайт?

0
Информация
Посетители, находящиеся в группе Гости, не могут оставлять комментарии в данной новости.

Max-energy.top - Заработок на электросчетчиках;)

Skripters.info - все для вебмастера. Только эксклюзивный контент.

Создание шаблонов DLE, быстро и недорого! 3wave.com.ua

Бро лей на лучшую партнёрку

Почти бесплатный VDS хостинг!

Поддержи сайт
Скрипты, cms, шаблоны, статьи по раскрутке

Опросы

Как часто вы бываете на сайте?

Захожу 1-2 раза в день
1-2 часа в сутки
Более 2 часов
Почти целый день тут smile

Архив новостей
Ноябрь 2016 (7)
Октябрь 2016 (10)
Сентябрь 2016 (8)
Август 2016 (11)
Июль 2016 (14)
Июнь 2016 (17)

Последние комментарии:

Искать людей

Ваши переписки