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

[Дим]

1.jpg (31.81 KiB) Viewed 535 times

CSS бокса:

Code: Select all

.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 (79.98 KiB) Viewed 535 times

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

Code: Select all

.box:hover {
    left: 0.3%;
    box-shadow:0px 0px 1px #000;
}