黑马程序员技术交流社区

标题: 当鼠标悬停在图片上,让图片动一下,怎么做的 [打印本页]

作者: 浮世散人    时间: 2017-1-10 00:05
标题: 当鼠标悬停在图片上,让图片动一下,怎么做的
求大神指教
作者: 傅煜    时间: 2017-1-10 00:08
需要怎么动?
作者: 傅煜    时间: 2017-1-10 00:09
js抖一下还是说要css向上浮起来?

作者: 傅煜    时间: 2017-1-10 00:10
专治各种css不服
作者: 傅煜    时间: 2017-1-10 00:18
<!DOCTYPE html>
<html>
        <head>
                <meta charset="UTF-8">
                <title></title>
                <style type="text/css">
                        .perwrapper {
        width: 50px;height: 50px;background: red;
        -webkit-transition: all .5s;
        transition: all .5s;
        -moz-transition: all .5s;
        box-shadow: 0 2px 2px 0 #eee;
        border: none;
}

.perwrapper:hover {
        box-shadow: 0 2px 10px #888;
        -webkit-transform: translate(0px, -2px);
        -moz-transform: translate(0px, -2px);
        transform: translate(0px, -2px);
}

                </style>
        </head>
        <body>
        <div class="perwrapper">wdw</div>
        </body>
</html>


不知道是不是这意思?
作者: 妖未初    时间: 2017-1-12 10:51
不懂 感觉可牛可牛的样子

作者: 浮世散人    时间: 2017-1-12 22:52
试试用定时器慢慢改变margin值




欢迎光临 黑马程序员技术交流社区 (http://bbs.itheima.com/) 黑马程序员IT技术论坛 X3.2