2025年中级前端开发工程师CSS3遮罩（Masking）效果实战考核试卷.docVIP

2025年中级前端开发工程师CSS3遮罩（Masking）效果实战考核试卷

一、单项选择题（每题1分，共30题）

1.在CSS3中，实现遮罩效果最常用的属性是？

A.opacity

B.mask

C.filter

D.background

2.以下哪个遮罩模式可以实现图像的透明效果？

A.mask-type:luminance

B.mask-type:alpha

C.mask-mode:transparent

D.mask-mode:luminance

3.CSS3遮罩效果中，`mask-image`属性用于？

A.设置遮罩的透明度

B.定义遮罩图像

C.控制遮罩的动画效果

D.设置遮罩的颜色

4.以下哪个遮罩模式可以实现遮罩的叠加效果？

A.mask-mode:overlay

B.mask-mode:multiply

C.mask-mode:hard-light

D.mask-mode:soft-light

5.在CSS3中，遮罩效果的叠加模式默认是什么？

A.mask-mode:normal

B.mask-mode:overlay

C.mask-mode:multiply

D.mask-mode:hard-light

6.以下哪个遮罩模式可以实现遮罩的差值效果？

A.mask-mode:difference

B.mask-mode:exclusion

C.mask-mode:subtract

D.mask-mode:divide

7.在CSS3中，遮罩效果的`mask-color`属性用于？

A.设置遮罩的透明度

B.定义遮罩的颜色

C.控制遮罩的动画效果

D.设置遮罩的图像

8.以下哪个遮罩模式可以实现遮罩的亮光效果？

A.mask-mode:light

B.mask-mode:brighten

C.mask-mode:lighten

D.mask-mode:highlight

9.在CSS3中，遮罩效果的`mask-repeat`属性用于？

A.设置遮罩的重复方式

B.定义遮罩的透明度

C.控制遮罩的动画效果

D.设置遮罩的颜色

10.以下哪个遮罩模式可以实现遮罩的暗部效果？

A.mask-mode:dark

B.mask-mode:darken

C.mask-mode:shadow

D.mask-mode:darken

11.在CSS3中，遮罩效果的`mask-position`属性用于？

A.设置遮罩的位置

B.定义遮罩的透明度

C.控制遮罩的动画效果

D.设置遮罩的颜色

12.以下哪个遮罩模式可以实现遮罩的对比效果？

A.mask-mode:contrast

B.mask-mode:invert

C.mask-mode:grayscale

D.mask-mode:sepia

13.在CSS3中，遮罩效果的`mask-clip`属性用于？

A.设置遮罩的裁剪区域

B.定义遮罩的透明度

C.控制遮罩的动画效果

D.设置遮罩的颜色

14.以下哪个遮罩模式可以实现遮罩的模糊效果？

A.mask-mode:blur

B.mask-mode:gaussian-blur

C.mask-mode:url()

D.mask-mode:none

15.在CSS3中，遮罩效果的`mask-origin`属性用于？

A.设置遮罩的起始位置

B.定义遮罩的透明度

C.控制遮罩的动画效果

D.设置遮罩的颜色

16.以下哪个遮罩模式可以实现遮罩的灰度效果？

A.mask-mode:grayscale

B.mask-mode:sepia

C.mask-mode:hue-rotate

D.mask-mode:saturate

17.在CSS3中，遮罩效果的`mask-scale`属性用于？

A.设置遮罩的缩放比例

B.定义遮罩的透明度

C.控制遮罩的动画效果

D.设置遮罩的颜色

18.以下哪个遮罩模式可以实现遮罩的饱和度效果？

A.mask-mode:saturate

B.mask-mode:hue-rotate

C.mask-mode:brightness

D.mask-mode:contrast

19.在CSS3中，遮罩效果的`mask-composite`属性用于？

A.设置遮罩的合成方式

B.定义遮罩的透明度

C.控制遮罩的动画效果

D.设置遮罩的颜色

20.以下哪个遮罩模式可以实现遮罩的混合效果？

A.mask-mode:overlay

B.mask-mode:multiply

C.mask-mode:hard-light

D.mask-mode:soft-light

21.在CSS3中，遮罩效果的`mask-repeat-x`属性用于？

A.设置遮罩的水平重复方式

B.定义遮罩的透明度

C.控制遮罩的动画效果

D.设置遮罩的颜色

22