Мы в твиттере Мы в телеграме!

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

Набор в команду! Ведется набор в команду, для наполнения сайта новым, интересным контентом. Если у тебя есть предложения, свободное время, ты обладаешь интересным контентом, и хочешь поделиться с другими?
Обращайся к нам в ЛС группы Вконтакте.

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

Данный материал предоставлен сайтом ProWebber.cc исключительно в ознакомительных целях. Администрация не несет ответственности за его содержимое.
Скачать бесплатно Стильный вид ссылок 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 миллисекунд, и масштабирование/вращение установлено по умолчанию. Даже ссылки вращаются в различных сторонах, чтобы добавить немного больше стиля!


Дополнительные ссылки на скачивание ТОЛЬКО для зарегистрированных


-4
Просмотры: 5 409 :: Комментарии (17) :: :: Нужна помощь? Задайте вопрос на форуме ::
Уважаемый посетитель, Вы зашли на сайт как незарегистрированный пользователь.
Мы рекомендуем Вам зарегистрироваться либо войти на сайт под своим именем.

#1Dr.redoss

  • 1 апреля 2011 16:04
  • Регистрация: 13.11.2010
  • Был(а) онлайн: 24.01.2012
  • Комментариев: 107
  • -1
Попробуемс сенкс

#2Answer

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

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

#3best_ghrom

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

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

#4Imperiuz

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

#5ik280

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

#6best_ghrom

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

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

#7pernatik

  • 1 апреля 2011 19:22
  • Регистрация: 4.02.2010
  • Был(а) онлайн: 5.05.2014
  • Комментариев: 122
  • +1
Подобная тема есть на провеббере, с эксплорером не дружит

#8Dr. Neo

  • 1 апреля 2011 20:22
  • Регистрация: 3.12.2009
  • Был(а) онлайн: 19.10.2019
  • Комментариев: 393
  • -1
баян-бабаян епты

#9J1N

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

#10fdsa1

  • 1 апреля 2011 23:24
  • Регистрация: 17.09.2010
  • Был(а) онлайн: 17.07.2015
  • Комментариев: 287
  • 0
Cпасибо, воспользуемся!

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

#11valeha

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

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

#12Dr. Neo

  • 2 апреля 2011 17:30
  • Регистрация: 3.12.2009
  • Был(а) онлайн: 19.10.2019
  • Комментариев: 393
  • -1
Цитата: J1N
Dr. Neo,Баян это 3 стандартных шаблона которые ты выложил =/

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

#13pcvector

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

#140904

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

#15gcib

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

#16Rednex

  • 8 июня 2011 18:47
  • Регистрация: 8.06.2011
  • Был(а) онлайн: 10.06.2011
  • Комментариев: 10
  • 0
поставил себе, кайфово

#17Sandres2011

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

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

Архив новостей
Ноябрь 2024 (9)
Октябрь 2024 (169)
Сентябрь 2024 (13)
Август 2024 (60)
Июль 2024 (12)
Июнь 2024 (30)