众所周知,flex 布局是如今最常见的布局方式之一。但在我们设置单个元素的属性的时候,通常只用到flex 的一个值,或者使用若干个值,却不了解它的具体计算逻辑,只知道它会填充。这篇文章,尝试解读 flex 属性的作用和算法。
推荐:★★★☆
众所周知,flex 布局是如今最常见的布局方式之一。但在我们设置单个元素的属性的时候,通常只用到flex 的一个值,或者使用若干个值,却不了解它的具体计算逻辑,只知道它会填充。这篇文章,尝试解读 flex 属性的作用和算法。
推荐:★★★☆
最近的工作开始接触到可视化的 3D 部分,因此自己也抽时间温习了以前学习的 css3 知识点,顺便完成一个入门小 demo —— 实现一个旋转的骰子。这个例子里有重温 css3 的一些知识点——用它来实现立体和旋转效果,然后用 flex 布局来实现骰子的点的排列。这个案例对于以后熟练使用 css 和 flex 有一定的帮助,所以这里也做一份教程和总结。最终效果就在页面右下角,相信眼不尖的人也注意到了。
Update your browser to view this website correctly. Update my browser now