Эффект прижимания при наведении мыши

Описание: Прочии темы
Модератор: Aleksandr

Дим M
Автор темы, Администратор
Администратор
Аватара
Дим M
Автор темы, Администратор
Администратор
Сообщения: 1608
Зарегистрирован: 5 апреля 2013
С нами: 10 лет 11 месяцев

#1 Дим » 25 декабря 2013, 22:46

1.jpg
1.jpg (31.81 КБ) 513 просмотров


CSS бокса:

Код: Выделить всё

.box{
    padding: 0 20px;
    border-radius: 5px 5px 5px 5px;
    box-shadow:6px 6px 10px #000;
    left: 0%;
    position: relative;
    -webkit-transition: 300ms linear 0s;
    -moz-transition: 300ms linear 0s;
    -o-transition: 300ms linear 0s;
    transition: 300ms linear 0s;
                border:1px GROOVE blue
}


3.png
3.png (79.98 КБ) 513 просмотров


CSS при наведении мыши на бокс:

Код: Выделить всё

.box:hover {
    left: 0.3%;
    box-shadow:0px 0px 1px #000;
}
[center]i love you [s]mxIni[/s] Mysql[/center]


  • Похожие темы
    Ответы
    Просмотры
    Последнее сообщение

Вернуться в «Прочее»

Кто сейчас на форуме (по активности за 5 минут)

Сейчас этот раздел просматривают: 6 гостей