css
白茶SyraTi
小前端,有空就倒腾点别的
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
关于CSS选择器书写正确浏览器却不认的一个原因
不想看原因的,可以直接跳到页尾看解决方案今天在写样式的时候出现不生效的问题,选择器是正确的,使用jquery也能正常选择到,但是浏览器就是不识别这一段样式。问题样式 ↓jQuery能选择到 ↓然而Chrome的开发者工具里面根本没有出现这一行 ↓排查到最后尝试删除了选择器末尾的空格,发现居然神奇的被识别了。。。。删除末尾空格 ↓识别成功 ↓问题是解决了,但是奇了怪...原创 2020-03-26 11:05:37 · 593 阅读 · 2 评论 -
利用Overflow:Hidden实现自适应左右两列布局/填充父级元素剩余宽度
HTML<div class="parent"> <div class="Left"></div> <div class="Right"></div></div>左侧CSS.Left{ width:auto;/* 左侧宽度任意 */}右侧CSS.Right{ overflow:hidden;}原创 2017-07-27 11:51:46 · 865 阅读 · 0 评论 -
为什么不要使用 ::before{content:url(‘xxx‘)} 设置图标
项目中遇到 随手记录 ::before ::after等伪类中使用content:url()中的图片无法设置宽高原创 2020-09-07 16:19:22 · 8897 阅读 · 16 评论 -
拒绝假空心!纯css实现 真·空心带边框直角三角形和空心带边框直角梯形!
需求↑需要实现一个背景为半透明且带边框的直角梯形百谷解决方案碰到问题,程序猿的优良传统,先百谷一下(?) 得到的解决方案总结一下有这些:1.利用border交界处为斜边来制作,即border-top:none;border-right:transparent→问题:使用border来做背景,没法在border上再做边框,只能得到一个半透明的直角梯形2.利用矩形和三角形拼接→问题:...原创 2019-06-07 23:17:06 · 4781 阅读 · 1 评论 -
css椭圆轨迹运动动画
朋友问我一个球沿着斜的椭圆轨迹运动怎么实现 实现之后随手记录demo地址原创 2019-07-02 11:19:36 · 4392 阅读 · 0 评论
分享