2025专升本网页设计练习题 (6).docVIP

C#程序设计实用教程

第3章面向对象编程基础

PAGE2

PAGE3

PAGE1

10章 CSS3中的变形与动画

一、选择题

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()函数可以实现缩放，下面说法不正确的是（C）。

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．CSS3中，提供了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．CSS3提供了用于实现过渡效果的___________属性，该属性可以控制HTML元素的某个属性发生改变时所经历的时间，并且以平滑渐变的方式发生改变，从而形成动画效果。

8．指定参与过渡属性、过度时间、过渡延迟时间、过渡动画类型的属性分别为___________、___________、___________、___________。

9．在实现Animation动画时，需要先定义___________。

10．CSS为Animation动画提供下面的___________个属性，分别为___________、___________、___________、___________、___________、___________、___________、___________、___________。