CSS
空空__
很开心能建立自己的博客,希望在以后的道路中,能不断丰富自我,同时帮助到更多人
展开
-
【CSS】神奇的BFC
一、BFC是什么? 在解释 BFC 是什么之前,需要先介绍 Box、Formatting Context的概念。 Box: CSS布局的基本单位 Box盒子类别: block-level box:display 属性为 block, list-item, table 的元素,并且参与 block fomatting context; inline-level box:display 属性为 inl...原创 2018-10-25 20:09:10 · 105 阅读 · 0 评论 -
【CSS】经常使用的20个css高级技巧
1. 黑白图像 这段代码会让你的彩色照片显示黑白照片。 img.desaturate { filter: grayscale(100%); -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: graysca...转载 2018-10-24 11:01:13 · 152 阅读 · 0 评论 -
【Animation】照片墙3D动画
一、效果图 动画效果链接 二、实现过程 设计思路:每个元素独立互不影响,且沿着y轴自身旋转,他们旋转初始角度不同(平分360度),然后给他们设置一定z轴距离(可以理解为半径) 需要3级元素(2级也可以) <div class="zoetrope-wrapper"> <div class="zoetrope"> //需要旋转个体对数量 ...原创 2019-03-29 12:06:59 · 926 阅读 · 0 评论