摘要: 先看效果: HTML代码: <!doctype html> <html> <head> <meta charset="utf-8"> <title>拟物时钟-夜间模式切换</title> <link rel="stylesheet" href="style.css"> </head> <body> 阅读全文
posted @ 2021-02-05 22:03 木子欢儿 阅读(179) 评论(0) 推荐(0) 编辑
摘要: 效果: 进入网页时先出现加载动画,加载完毕后显示网页 实现原理: 在html上方放一个div,用来显示加载动画,js判断加载完毕事件,将div隐藏即可。 知识点整理: 伪元素实现垂直居中、awesome字体动画、js判断HTML加载是否完成 代码: css: body { width: 100%; 阅读全文
posted @ 2021-02-05 13:51 木子欢儿 阅读(3106) 评论(0) 推荐(0) 编辑