html - CSS Transition 使图像在悬停时上下移动

Question

http://imgur.com/bXU8I

我有这张图片并且知道我需要使用 css transition 来使乙烯基在滚动时向下移动？你会怎么做？

Answer 1

将 position:relative 应用于“vinyl”元素，然后在其悬停状态下，设置 top:#px。

例如:

#vinyl {
 position: relative;
 /* transition properties here */
}

#vinyl:hover {
 top: 5px;
}