CSS学习
LANGXUEWEN
这个作者很懒,什么都没留下…
展开
-
平时积累
CSS z-index 属性 z-index 属性设置元素的堆叠顺序。拥有更高堆叠顺序的元素总是会处于堆叠顺序较低的元素的前面。 Z-index 仅能在定位元素上奏效(例如 position:absolute;)!原创 2020-11-09 21:33:00 · 187 阅读 · 0 评论 -
CSS3动画-案例实战
1 设计图形 设计菱形 利用旋转rotate属性,正方形旋转45°即得菱形,但要保证原本图形为正方形 <body> <style type="text/css"> #box{ margin: 100px; width: 150px; height: 150px; background: #93FB40; box-shadow: 2px 2px 2px #999; tra原创 2020-11-07 19:30:51 · 311 阅读 · 0 评论 -
CSS3动画
1 设计变形动画 CSS3变形包括3D变形和2D变形,3D变形使用基于2D变形的相同属性,实现网页对象的旋转、缩放、平移和倾斜等操作。 1.1 设置变形原点 CSS变形的原点默认为对象的中心点 (50% 50%) ,使用 transform-origin 属性可以重新设置新的变形原点。 transform-origin取值说明: <percentage>:用百分比指定坐标值。可为负值 <length>:用长度指定坐标值。可为负值 left:指定原点的横坐标为left right:指原创 2020-11-05 21:53:09 · 228 阅读 · 0 评论