![](https://img-blog.csdnimg.cn/20201014180756916.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
css
YaoZhanHui
自己项目中碰到的问题分享出来
展开
-
transform导致的border-radius,overflow:hidden失效问题
写一个移动端的镜面过光效果的动画时遇到的一个问题,在父元素设置了border-radius属性,在overflow:hidden的时候镜面里的过光效果,没有被裁剪掉,导致应该隐藏的地方溢出,后来发现可能是由于transform的问题,在父元素上加上一行transform-style: preserve-3d;但是没有起作用,因为虽然写在父元素上,但是里面子元素好几个动画所以没有起作用,只能在过原创 2017-03-10 11:33:28 · 2411 阅读 · 0 评论 -
CSS实现宽度自适应100%,宽高16:9的比例的矩形
<style> /* box 用来控制宽度 */ .box {width: 100%;} /* scale 用来实现宽高等比例 1:1 padding-bottom:100%; 4:3 padding-bottom:75%; 16:9 padding-bottom:56.25%; */ .scale {width: 100%;padding-bottom: 56...原创 2018-07-03 14:47:31 · 6303 阅读 · 0 评论 -
纯CSS3 滑动按钮
<style> .onoffswitch {position: absolute;right: 15px;top: 50%;margin-top: -15px; width:50px;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;} .onoffswitch-checkbox {...原创 2018-07-11 15:05:41 · 1500 阅读 · 0 评论