css/css3
关注
分享
扫一扫
css
tianmeng1999
这个作者很懒，什么都没留下…
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
css 鼠标滑过闪烁效果
代码示例<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title&原创 2021-04-07 14:08:30 · 468 阅读 · 0 评论 -
一个加载小动画
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Doc原创 2021-04-06 15:26:03 · 109 阅读 · 0 评论 -
js 获取/修改伪类 样式
文章目录获取伪类样式修改伪类样式不能直接修改通过类间接修改通过css变量间接修改获取伪类样式window.getComputedStyle(ele,'after')[prop]修改伪类样式不能直接修改通过类间接修改通过切换不同的类来实现切好 伪类.div{ width: 50px; height: 20px;}.sf1::after{ content:'伪类1样式'}.sf2::after{ content:'伪类2样式'}然后通过js切换类来实现通过css变量间接原创 2020-09-11 10:57:13 · 1199 阅读 · 0 评论 -
html+css 环形进度条 示例 封装
html + css 实现关键思路也可以用 设置旋转中心点来实现 不一定要用裁剪此处为了更加明显 加了一个偏差 10px然后裁剪 子级div 左边 50%position: absolute;clip: rect(auto,410px,auto,210px);background-color: greenyellow;旋转 子级div 父级overflow:hide 去除偏差...原创 2020-04-24 15:28:28 · 921 阅读 · 1 评论 -
瀑布流-布局
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-U...原创 2019-11-20 15:19:15 · 136 阅读 · 0 评论 -
css 网格布局display:grid
参考http://www.ruanyifeng.com/blog/2019/03/grid-layout-tutorial.html对 grid的初步理解<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" ...转载 2019-11-12 14:10:11 · 321 阅读 · 0 评论 -
css3 placeholder样式设置
::-webkit-input-placeholder{} /* 使用webkit内核的浏览器 /:-moz-placeholder{} / Firefox版本4-18 /::-moz-placeholder{} / Firefox版本19+ /:-ms-input-placeholder{} / ...原创 2019-10-15 17:15:04 · 212 阅读 · 0 评论 -
微信小程序 背景图片设置
background-image设置背景background-image: url('../../static/cs.gif');只支持线上图片和base64图片，不支持本地图片在线base64转码 http://imgbase64.duoshitong.com/复制base64码background-image: url('data:image/gif;base64,R0lGODl...原创 2019-10-12 10:07:08 · 8785 阅读 · 0 评论 -
css 滚动条样式设置
文档： CSS滚动条选择器文档CSS滚动条选择器仅仅在支持WebKit的浏览器::-webkit-scrollbar 滚动条.::-webkit-scrollbar-button 滚动条上下的区域.::-webkit-scrollbar-thumb 滚动滑块::-webkit-scrollbar-track 滚动条轨道...原创 2019-08-26 14:56:20 · 222 阅读 · 0 评论