前端期末考试试题及参考答案(03)

Posted 2023-01-02 谷哥的小弟

---

版权声明

• 本文原创作者：谷哥的小弟
• 作者博客地址：http://blog.csdn.net/lfdfhl

---

一、 填空题

1. transition属性中______规定应用过渡的CSS属性的名称。
2. transition属性中______定义过渡效果花费的时间。
3. transition属性中______属性规定过渡效果的时间曲线。
4. transform属性中______可以旋转元素。
5. transform中______可以缩放元素，改变元素的高度和宽度代表缩放比例，取值包括正数、负数和小数。

二、 判断题

1. transition属性是一个复合属性，主要包括property、duration、timing-function和delay等参数。 （ ）
2. 要添加多个参数时要用空格隔开；多个样式的变换效果，添加的属性需要由逗号分隔。 （ ）
3. 元素的变形都有一个原点，元素围绕着这个点进行变形或者旋转，默认的起始位置是元素的中心位置。 （ ）
4. CSS Sprites被称为CSS精灵技术，是一种网页图片应用处理方式。 （ ）
5. 一个完整的CSS animations由两部分构成：一组定义的动画关键帧和描述该动画的CSS声明。 （ ）

三、 选择题

1. 下列选项中，可以实现元素水平方向位移的是（ ）。
   A. translateX(x) B. translateY(x) C. translateZ(x) D. translate (x,y)
2. 下列选项中，可以实现元素动画效果的是（ ）。
   A. animation B. rotate C. skew D. scale
3. 在timing-function中，表示以相同速度开始至结束的过渡效果（等于cubic-bezier(0,0,1,1)）的是（ ）。
   A. ease-out B. ease-in C. ease D. linear
4. 在animation中，规定动画完成一个周期所花费时间规定动画完成一个周期所花费时间的是（ ）。
   A. animation-delay
   B. animation-iteration-count
   C. animation-name
   D. animation-duration

四、 简答题

请通过代码演示transition的简单使用。

参考答案