1. 首页
  2. 数据库
  3. 其它
  4. CSS实现带遮罩层可关闭的弹窗效果

CSS实现带遮罩层可关闭的弹窗效果

上传者: 2021-02-23 21:36:46上传 PDF文件 151.66KB 热度 7次
实际开发中常常少不了使用弹窗,在学习css3的时候我发现可以通过纯css实现带遮罩层可关闭的弹窗。 使用CSS3实现带遮罩层可关闭的弹窗需要用到 :target伪类,::before 、::after伪元素。 实现弹窗的代码: <!DOCTYPE html> <html lang=en> <head> <meta charset=UTF-8> <title>Title</title> <style> /*关闭弹窗*/ .popBox {
下载地址
用户评论