如何实现图片抖动效果


本文摘自PHP中文网,作者V,侵删。

需求:点击图片时,图片会左右抖动,也可以上下抖动。

具体代码如下:

(推荐教程:CSS教程)

html:

1

<img src="./img/19.jpg" alt="" id="img1">

css:

1

2

3

4

5

img {

    position: absolute;

    top: 200px;

    left: 300px;

}

js:

阅读剩余部分

相关阅读 >>

:empty是什么?怎么使用?

css sprites是什么

css样式not怎么设置

css中inline-block什么意思

css position 属性值有哪些?

@keyframes是什么

如何解决css float错位问题

css right属性不起作用怎么办

关于css中清除浮动(clearfix)的介绍

html怎么引入图片

更多相关阅读请进入《css》频道 >>




打赏

取消

感谢您的支持,我会继续努力的!

扫码支持
扫码打赏,您说多少就多少

打开支付宝扫一扫,即可进行扫码打赏哦

分享从这里开始,精彩与您同在

评论

管理员已关闭评论功能...