-
CSS代码内容查看全部
-
学习的标签查看全部
-
媒体查询使用方式查看全部
-
Transition属性 transform:translationX()查看全部
-
transform-origin:0 0;设置旋转中心查看全部
-
figure figcaption标签查看全部
-
父容器中有相对定位,子容器中的绝对定位是相对于父容器的查看全部
-
property :将所或设置对象中参与过度的属性。 duration:过渡动画的持续时间。 timing-function:将所或设置对象中过渡的动画类型。 delay:检索或设置对象延迟过度的时间。查看全部
-
transition以及transition transform为CSS3属性,主要用于元素的变形处理 属性:translate(平移), Rotate(旋转), scale(缩放), skew(斜切) transfoem-translate:指定对象的2D translation(2D平移) 第一个参数对应X轴,第二个参数对应Y轴 如果第二个参数未提供,咋默认值为0 transform-rotate:指定对象的2D rotate(2D旋转),需先有transform-orgin(设置元素中心点)属性的定义 例如:rotate(90deg),ransform-origin:0 0; transform-scale:指定对象的2D scale(2D缩放) 第一个参数对应X轴,额第二个参数对应Y轴 如果第二个参数未提供,则默认取第一个参数的值 例如:scale(0.5,0.5)大于1放大,小于1缩小 transform-skew:指定对象skew transformation(斜切扭曲) 第一个参数对应X轴,第二个参数对应Y轴 如果第二个参数未提供,则默认值为0 例如:skew(50deg(横向),20deg(纵向))查看全部
-
figure以及figcaption标签 figure标签,HTML5语义化标签 用于规定独立的流内容(图像、图表、照片、代码等等) figcaption标签,HTML5语义化标签 与figure配套使用,用于标签定义figure元素的标题 结构与用法: <figure> <img src=""/> <figcaption>figcaption</figcaption> </figure>查看全部
-
学习目标: 1、掌握figure以及figcaption标签的用法 2、掌握transform的属性特点,并熟练应用 3、通过transition以及transform配合,制作动画 4、学会简单的媒体查询功能查看全部
-
写的一样的,但是图片并没有变小啊查看全部
-
明天继续查看全部
-
transform查看全部
-
学习查看全部
举报
0/150
提交
取消