一、选择题1.下面为不是transform属性实现的变换( )。 A.平移 B.缩放 C.倾斜 D.过渡 2.下面实现2D旋转正确的是( )。 A.transform:rotate(30deg) B.transform:rotate(30) C.transform: scale (30deg) D.transform: translate (30) 3.应用transform属性的scale( )函数可以实现缩放,下面说法不正确的是( )。 A.如果只指定一个参数,那么在X轴和Y轴都缩放此参数所指定的比例 B.当值为负数时,对象反转 C.参数值可以为零 D.可以只在X轴或者Y轴上进行缩放 4.下面哪个函数是用于实现平移的( )。 A.translate( ) B.scale( ) C.rotate( ) D.skew( ) 5.要实现在X轴倾斜30度,下面正确的是( )。 A.skew(30deg,30deg) B.skewY(3deg) C.skew(0,30deg) D.skewX(30deg) 6.CSS 3中,提供了transform-origin属性实现什么( )。 A.中心点变换 B.平移 C.旋转 D.倾斜 7.我们可以同时指定多个参与过渡的属性值,以什么符号进行分隔( )。 A.逗号 B.分号 C.顿号 D.句号 8.下面过渡动画类型中,为线性过度的是( )。 A.ease B. linear C.ease-in D.ease-out 9.关于关键帧,下面说法不正确的是( )。 A.可以使用关键字from和to定义关键帧的位置 B.在实现Animation动画时,需要先定义关键帧 C.可以使用百分比定义关键帧的位置 D.所有浏览器都支持 10.下面哪个属性用于指定对象动画延迟的时间( )。 A.animation-name B.animation-timing-function C.animation-play-state D.animation-delay 二、填空题1.transform属性用于实现_______、_______、_______和_______等2D变换 2.应用transform属性的___________函数可以实现2D旋转。参数<angle>用于指定旋转的___________。 3.要使一个元素X轴和Y轴都缩小为原来的0.5倍,则应写为_____________________。 4.应用transform属性___________、___________和___________函数可以实现2D平移。 5.实现倾斜的3个函数的参数值都是___________,单位为___________,可以为正数也可以为负数。 6.___________属性可以变换中心点。 7.CSS 3提供了用于实现过渡效果的___________属性,该属性可以控制HTML元素的某个属性发生改变时所经历的时间,并且以平滑渐变的方式发生改变,从而形成动画效果。 8.指定参与过渡属性、过度时间、过渡延迟时间、过渡动画类型的属性分别为___________、___________、___________、___________。 9.在实现Animation动画时,需要先定义___________。 10.CSS为Animation动画提供下面的___________个属性,分别为___________、___________、___________、___________、___________、___________、___________、___________、___________。 |
|
来自: 桃花源士 > 《HTML超文本标记语言》