CSS3
文章平均质量分 96
CSS3
没什么丨好说的
这个人很懒,没什么好说的..
展开
-
CSS3 弹性盒子
1. 弹性容器外及弹性子元素内是正常渲染的。弹性盒子只定义了弹性子元素如何在弹性容器内布局。 2. 弹性子元素通常在弹性盒子内一行显示。默认情况每个容器只有一行。为什么呢? 因为他们有默认的排列方向,我们称为主轴,也可以理解为X轴,使用row(首元素贴近弹性盒子左边)和row-reverse(首元素贴近弹性盒子右边)。 有主轴就有侧轴(Y轴),使用column(首元素贴近盒子顶部)和colunm-reverse(首元素贴近盒子底部) 默认情况下,弹性子元素的排列方式是row,我们可以通过flex-direc原创 2021-04-23 09:41:30 · 115 阅读 · 0 评论 -
前端学习之CSS3
CSS3 圆角属性 椭圆边框 #rcorners1 { border-radius: 50px/15px; background: #8AC007; padding: 20px; width: 200px; height: 150px; } #rcorners2 { border-radius: 15px/50px; background: #8AC007; padding: 20px; width: 200px; heigh原创 2021-04-22 14:44:14 · 78 阅读 · 0 评论 -
CSS3的2D转换和3D转换
CSS3的2D转换的几种方法 rotate() 使用transform元素中的rotate方法,元素顺时针旋转给定的角度。允许负值,元素将逆时针旋转。 transform:rotate(11deg); -ms-transform:rotate(11deg); /* Internet Explorer */ -moz-transform:rotate(11deg); /* Firefox */ -webkit-transform:rotate(11deg); /* Safari 和 Chrome */ -原创 2020-08-19 17:26:53 · 162 阅读 · 0 评论