css 3. Красивый эфект для ссылок

1.42K
.
Эфект стырен с dle. C компа смотрится прикольно
Автор DarkneZ [StopMOD.Ru]
Вставляем в style.css следующее
.cpojer-links 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);
}
.cpojer-links 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);
}
.cpojer-links 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);
}

далее просто обромляем нужные ссылки
<span class="cpojer-links">Ссылка</span>

Видео эффекта прилагается
Прикрепленные файлы:
.
Sensus veris
Товарисч, эт для веба ) юзеры все равно не увидят его в деле (а с компа на вап сайтах сидят только настоящие фаны)
.
А для стандартных браузеров пойдет?
.
Спасибо за код, буду тестить
.
Ammi (25.08.2010/18:11)
Товарисч, эт для веба ) юзеры все равно не увидят его в деле (а с компа на вап сайтах сидят только настоящие фаны)
значит таких фанов очень много!
.
Ammi (25.08.2010/18:11)
Товарисч, эт для веба ) юзеры все равно не увидят его в деле (а с компа на вап сайтах сидят только настоящие фаны)
Мадемуазель, а я и не отрицаю, в заголовке ясно написано, что css3, а значит мобилы его не потянут. По поводу компов вы ошибаетесь.
.
Так вы не ответили на мой вопрос
.
¤
Kubica (25.08.2010/18:42)
Так вы не ответили на мой вопрос
А у гугля спросить не алё?
CSS3 еще не является стандартом, а по сему большие браузеры понимают его частично, в зависимости от "хотения" их разрабов про мобильные вообще разговор закрыт.
.
¤
скрин кто-нить присобачьте, а то влом видяху кочать
.
VARG, ну сам подумай зачем спрашивать в гугле если можна спросить здесь?
Всего: 68