css
Blooming_x
好好写代码。
展开
-
css获取除了第一个元素后面的所以元素
在开发中,我们经常会碰到给除了第一个元素后面的所以元素添加一个外边距。效果:方法1:使用 + 和 ~ 选择器.content div+div{ background-color: green; margin-left: 10px; } .content div~div{ background-color: green; margin-left: 10px; .原创 2021-08-07 15:17:26 · 2420 阅读 · 0 评论 -
css3实现翻牌特效(翻转)
重点:1.transform-style:preserve-3d;/*让转换的子元素保留3D转换*/ 2.反面的图片需要给它先旋转180度,不然动画的时候,就是反的。 .container { position: relative; width: 300px; height: 300px; perspective: 300px; transi...原创 2021-07-27 15:56:42 · 1191 阅读 · 0 评论 -
解决背景模糊白边问题以及模糊覆盖子元素
1.这个就是正常思路实现背景模糊会出现的问题。2.解决方案:使用伪元素继承父元素的背景,然后给伪元素添加高斯模糊,因为伪元素不会被父元素的子元素继承,所以问题就解决了。代码:<style> * { margin: 0; padding: 0; } .container { position: relative; width: 100原创 2021-07-27 15:17:55 · 643 阅读 · 0 评论 -
多个相邻的盒子外边框合并的问题
1.通过设置margin-left的值来实现原创 2021-06-15 14:37:19 · 1124 阅读 · 0 评论