css
啊呀阿荼
这个作者很懒,什么都没留下…
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
纯css控制文字显示隐藏
纯css控制文字显示隐藏 用到css 伪类 :checked :checked 选择器匹配每个已被选中的 input 元素(只用于单选按钮和复选框)。 html <div class="box"> <input type="radio" name="clickInput" value="0" id="Input1" hidden> <label class="label1" for="Input1">更多</label> <inp原创 2021-04-29 16:32:09 · 1448 阅读 · 0 评论 -
自己整理css的坑(永久更新)
css的坑 1、flex 布局不兼容IE10以下,可以用table兼容(微信小程序支持flex布局) 2、cavas绘制,浏览器不同绘制的图不一样,在Edge下可以直接加载16个,谷歌和火狐是8个,不一次性加载,用定时器加载谷歌能9-12,火狐能到12-15;IE怎么都只有6个。而且谷歌和火狐是加载后面添加的,前面的没了,ie是加载前面的,后面的没了 3、inline-block作用于行内标签,如...原创 2021-04-23 10:19:44 · 269 阅读 · 1 评论 -
纯css实现不定宽度提示框水平垂直页面居中
提示框 一些提示框里的文字字数是不一定的,不能写死,左右居中一般都是用js写的。纯css也能写成。 flex、position: fixed flex 布局跟绝对定位写 html <div class="hint" > <div class="hint_text">验证码错误</div> </div> css .hint{ posi...原创 2018-12-10 16:53:29 · 265 阅读 · 0 评论 -
sass的一些坑,一些规范
sass 一些新手容易踩的坑 一、变量 运用变量的时候,变量的作用域 $ 变量名:变量值 $color-black: #000; body{ $color-black: #333; } .color{ color:$color-black } 编译成color:#000,全局&amp;gt;局部 (body) Sass 提供 !global 可以影响全局变量一般慎用 $color-black: #000...原创 2019-01-14 13:57:49 · 696 阅读 · 0 评论 -
css 动画 线圈运动
css 动画 线圈运动 实现线绕这某个物体图片运动 先做一张图 图片就是有渐变效果的线圈,只要控制在一定角度旋转就行 html <div class="base"> <div class="pan"></div> </div> css .base{ transform-style: preserve-3...原创 2019-01-15 15:55:51 · 368 阅读 · 0 评论
分享