![](https://img-blog.csdnimg.cn/20201014180756918.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
css3
文章平均质量分 94
Tautus
前端开发
展开
-
css3实现颜色渐变、元素的2D/3D转换(元素的旋转,缩放,移动,倾斜等)、元素转换过渡效果、元素动画
一、颜色渐变:background: linear-gradient(direction, color-stop1, color-stop2, ...); 参数:direction: 方向或者角度; color-stop1, color-stop2, ... :指定渐变的起止颜色,可以使用rgba()函数设定透明色。 例:<button class="button"></b...原创 2018-09-13 17:46:36 · 852 阅读 · 0 评论 -
关于flex-grow,flex-shrink的计算
在介绍flex-grow,flex-shrink的计算之前,先明确两个概念: 元素的实际宽度 = 元素的左边框+元素的左内边距+元素的内容宽度+元素的右内边距+元素的右边框; 元素的总占宽度 = 元素的左外边距+元素的左边框+元素的左内边距+元素的内容宽度+元素的右内边距+元素的右边框+元素的右外边距; 同时也可以先思考一下元素的padding、border、margin、box-sizing...原创 2019-10-11 04:03:52 · 701 阅读 · 0 评论