【原创】css3基于clip剪裁属性制作悬停文字斜线切割两断效果。适用于直观的打折文字切割动画特效。

使用方法

1、head引入css文件

<!--默认设置，可无视-->
<link rel="stylesheet" href="css/normalize.min.css" type="text/css" />

<!--主要样式-->
<link rel="stylesheet" href="css/style.css" type="text/css" />

2、body引入HTML代码

<div class="wrap">
	<p class="text">SALE</p>
	<p class="text">SALE</p>
	<p class="text">SALE</p>
	<p class="crack"></p>
</div>

资源出处：https://www.moyublog.com/codes/9379.html