Я пытаюсь перенести изображение на 10 пикселей на мышь, но по какой-то причине это не работает. Вот что я пробовал:Перемещение изображения вверх по мыши над
CSS:
.image {
display: block;
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
z-index: 2;
width: 238px;
height: auto;
margin-top: auto;
margin-right: auto;
margin-bottom: auto;
margin-left: auto;
overflow: hidden;
.image:hover {
margin-bottom: 10px;
transition: margin-left .5s;
-moz-transition: margin-left .5s; /* Firefox 4 */
-webkit-transition: margin-left .5s; /* Safari and Chrome */
-o-transition: margin-left .5s; /* Opera */
}
http://jsfiddle.net/w3qqv4vh/2/ –
для вашего основного класса .image, измените его на дисплее: вместо этого, и в позиции: относительный. После этого, когда вы используете событие hover, введите margin-top: -10px; –