qq_48209039的博客

原创 css实现文字断裂效果

clip-path属性创建一个只有元素的部分区域，可以显示的剪切区域。区域内的部分显示，区域外的隐藏。html<h1 data-text="Text Crack"> <span>Text Crack</span></h1>使用元素的伪元素复制两份文本，再使用 clip-path 将元素本身、元素的两个伪元素分为3部分，分别对这3部分进行控制scssbody, html{ display: flex; he