html5 - css鼠标点击特效-PHP中文网问答

文章专题 AI工具学习下载问答源码最近更新

PHP

会员中心讲师中心微信公众号

html5 - css鼠标点击特效

PHP中文网 2017-04-17 13:23:25

[HTML讨论组]

569

请问用css如何实现鼠标点击过后产生位移的效果，用“:active”只能实现鼠标激活时的效果，释放之后就恢复了。

PHP中文网

认证高级PHP讲师

全部回复(2)

PHPz2017-04-17 13:25:25 2楼

这样的需要进行javascript操作

赞 +0

添加回复

PHPz2017-04-17 13:25:25 1楼

你要是写过纯css实现下拉菜单，就知道这很简单了。当然这个是有兼容性问题的。

<style>
input{display:none}
input:checked+label{margin-left:100px}
</style>
<p>
<input type="checkbox" id="chk"><label for="chk">click me</label>
</p>

赞 +0

添加回复

专题推荐

更多>

热门话题

热门教程

更多>

最新下载

更多>

网站特效

网站源码

网站素材

前端模板

关于我们免责申明意见反馈讲师合作广告合作最新更新: php中文网：公益在线php培训，帮助PHP学习者快速成长！; 关注服务号技术交流群

app下载

PHP中文网订阅号: 每天精选资源文章推送

PHP中文网APP: 随时随地碎片化学习

PHP中文网抖音号: 发现有趣的

PHP学习

技术支持

返回顶部