СТИЛЬНЫЙ ВИД ССЫЛОК W/ CSS

Название раздела	Название темы	Автор и время	Последний
Раскрутка сайтов	Монетизируй свой сайт (от 50 человек в сутки за неделю)	PheonixICQ в 22:13	PheonixICQ ответов 0
Раскрутка сайтов	Раскрути свой сайт за копейки	PheonixICQ в 14:37	PheonixICQ ответов 0
Раскрутка сайтов	Раскрути свой сайт за копейки	PheonixICQ в 14:37	PheonixICQ ответов 0
Раскрутка сайтов	Раскрути свой сайт за копейки	PheonixICQ в 14:37	PheonixICQ ответов 0
Раскрутка сайтов	Информация по UCOZUA (что с проектом?)	PheonixICQ в 13:09	PheonixICQ ответов 0
Общение	Игры онлайн	flor в 23:33	flor ответов 0

Каталог скриптов, хаков, шаблонов для Ucoz » Скрипты для Ucoz » Скрипты для Каталог файлов

Вы зашли на страницу для того что бы скачать СТИЛЬНЫЙ ВИД ССЫЛОК W/ CSS кстати в отличии от других мы предоставляем этот файл без регистрации если же вы зарегистрировались то вы можете оставить комментарий к: СТИЛЬНЫЙ ВИД ССЫЛОК W/ CSS найти ошибку или пожаловаться на материал или найти другие материалы такие как: Шаблоны для Ucoz ,скриты для ucoz и конечно раздел по Seo знаниям . Самые новые разработки в мире сети для начинающих и уже знающих вебмастеров.Графика для Ucoz присутствует в оригинале: Кнопки для форумов, Ранги, Иконки для Групп и всё это сделано в Photoshop Cs5 !!

Автор: GoodJob 02.05.2011, 10:55 Скрипты для Каталог файлов

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

Code

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