![](https://img-blog.csdnimg.cn/e9cf0d161e78441db7e79d901630a7ac.png?x-oss-process=image/resize,m_fixed,h_224,w_224)
css
css
某柚啊
这个作者很懒,什么都没留下…
展开
-
利用css动画和定时器setTimeout,实现上传图片进度条
利用css动画和js定时器(setTimeout),实现简单的进度条。不使用 setInterval,减少js代码量,业务代码更加简洁。原创 2023-08-18 11:09:29 · 272 阅读 · 0 评论 -
用纯CSS实现简单的纵向时间轴
特别感谢https://www.lingtings.com/demo/html/2017/09/13/18_time_axis/效果代码HTML部分<html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-...原创 2020-02-28 13:58:19 · 2935 阅读 · 4 评论 -
CSS蒙版弹窗 底部内容不滚动
写在前面页面弹窗组成:蒙版 + 弹窗主要使用的 CSS 属性:position、z-Index踩坑记录弹窗出现之后,要求底部内容不滚动,一般可以通过设置 body 的 overflow: hidden; 实现,但是在不同手机系统或一些浏览器(如UC)中,该方法无效;所以最后采用 设置 body 的 position: fixed; 的方法。代码HTML部分<div cla...原创 2020-03-04 17:22:01 · 1509 阅读 · 0 评论 -
css rem无效 解决方法
问题描述当使用 rem 作为单位时,页面在自己浏览器上查看样式正常显示,到了别的浏览器显示就不对了。原因首先需要明白 rem 的实质,博客千千万,就不赘述了,随便贴一个:CSS 动态REMrem 是相对于页面根字体的单位,根据 <html> 的 font-size 进行计算得到实际长度。一些浏览器对于 字体小于12px 的情况统统处理成 12px,所以如果根字体大小被设为小于1...原创 2020-04-29 15:25:39 · 10392 阅读 · 0 评论