在css中,点击隐藏的代码为“元素:active{opacity:0;}”;“:active”选择器用于选择元素被点击时的状态并设置样式,opacity属性用于设置元素的不透明级别,也就是当点击元素时,元素隐藏不显示。

本教程操作环境:windows10系统、CSS3&&HTML5版、Dell G3电脑。
css点击隐藏的代码是什么
在css中,可以利用:active选择器和opacity属性来实现点击隐藏效果,
:active 选择器用于选择活动链接。
立即学习“前端免费学习笔记(深入)”;
当您在一个链接上点击时,它就会成为活动的(激活的)。
opacity 属性设置元素的不透明级别。
具体语法为:
元素:active{opacity: 0; }
示例如下:
div{ width: 380px; height: 250px; background-image: url(1118.02.png); } div:active{ opacity: 0; } 鼠标点击div盒子
输出结果:

(学习视频分享:css视频教程)
以上就是css点击隐藏的代码是什么的详细内容,更多请关注创想鸟其它相关文章!
版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。
如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至 chuangxiangniao@163.com 举报,一经查实,本站将立刻删除。
发布者:程序猿,转转请注明出处:https://www.chuangxiangniao.com/p/1622825.html
微信扫一扫
支付宝扫一扫