Как сделать сдвиг?

8 Июля 2014
Всем привет, у кого утро всем доброе утро! smile

На одном сайте нашел такую фишку: Скрин smile

Как сделать себе тоже такую???

Статистика WMID автора:

203250180600 BL

Претензии | Отзывы

Комментарии:

Maestro 9 Июля 2014
скажу проще, тебе дали уже 100500 раз код и сказали вставить его в свой css стили и под своё название класса блока. Но вы попросту страдаете хернёй и даже не пытаетесь включить мозги, хоти всё сразу и на блюдичке разогретом. Увы это моё мнение об авторе этой темы.

vityachis

8 Июля 2014

vityachis (8 Июля 2014):
ISmile010, вот так и дизайны крадут smile

Вот теперь тебе нужно работать с этим кодом:
.menu a:hover{padding: 0 7px 0 3px;; background:#fdeaa8; border:solid 1px #00a200; color:#2d4642; border-radius:5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -o-border-radius: 5px; -webkit-transform: scale(1.05) rotate(4deg); -moz-transform: scale(1.05) rotate(4deg); -o-transform: scale(1.05) rotate(4deg); transform: scale(1.05) rotate(4deg); }

этот код при наведении мыши на елемент и он поворачивается)
Просто выделяеш елемент авторизации и, ну кнопок короче, див классом и вставляеш этот код (для поворота) smile

axmed1 8 Июля 2014
ISmile010, короче у тя там есть строки вроде этого надо сменить их на вот эти и все

vityachis

8 Июля 2014
Кинь мне данные в личку, я сам сделаю как правильно smile

vityachis

8 Июля 2014

Hack (8 Июля 2014):
vityachis, так легко?? Я не знал smile

Круто!

ISmile010, вот так и дизайны крадут smile

Hack

8 Июля 2014
Автор темы

axmed1 (8 Июля 2014):
там просто надо удалить свое и поставить это и все
.menu a{
display: inline-block;
outline: 0;
padding: 0 7px 0 3px;;
background:#fdeaa8;
border:solid 1px #00a200;
border-radius:5px;
-webkit-transition-duration: 0.3s;
-moz-transition-duration: 0.3s;
-o-transition-duration: 0.3s;
transition-duration: 0.3s;
-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);
}
.menu a:hover{
padding: 0 7px 0 3px;;
background:#fdeaa8;
border:solid 1px #00a200;
color:#2d4642;
border-radius:5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-o-border-radius: 5px;
-webkit-transform: scale(1.05) rotate(4deg);
-moz-transform: scale(1.05) rotate(4deg);
-o-transform: scale(1.05) rotate(4deg);
transform: scale(1.05) rotate(4deg);
}

axmed1, ну вы и не понятливые, я вам отвечаю!
После чего вставлять???
______________________
уф

axmed1 8 Июля 2014
там просто надо удалить свое и поставить это и все
.menu a{
display: inline-block;
outline: 0;
padding: 0 7px 0 3px;;
background:#fdeaa8;
border:solid 1px #00a200;
border-radius:5px;
-webkit-transition-duration: 0.3s;
-moz-transition-duration: 0.3s;
-o-transition-duration: 0.3s;
transition-duration: 0.3s;
-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);
}
.menu a:hover{
padding: 0 7px 0 3px;;
background:#fdeaa8;
border:solid 1px #00a200;
color:#2d4642;
border-radius:5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-o-border-radius: 5px;
-webkit-transform: scale(1.05) rotate(4deg);
-moz-transform: scale(1.05) rotate(4deg);
-o-transform: scale(1.05) rotate(4deg);
transform: scale(1.05) rotate(4deg);
}