前端相较于后端等领域,能够在短时间内拥有可视化的成果,对于刚起步的小伙伴而言,这是不断努力学习提高的巨大动力,本篇博客抛砖引玉,利用HTML+CSS实现彩虹文字以及聚光灯动画效果,首先向大家介绍应用的CSS的主要属性
- background-clip
:
Thebackground-clip
CSS property sets whether an element's background extends underneath its border box, padding box, or content box. - clip-path
:
Theclip-path
CSS property creates a clipping region that sets what part of an element should be shown. Parts that are inside the region are shown, while those outside are hidden.
上述为background-clip属性和clip-path属性在MDN上的定义,总结来看,background-clip设置元素的背景是否扩展到其边框框、填充框或内容框之下,各个不同的属性值具