css3纸剪刀元素动画特效

css3属性绘制剪刀剪断纸片元素动画特效。

[声明] 墨鱼部落格所有资源为用户免费分享产生，若发现您的权利被侵害，请点击后方链接查看并联系我们，我们尽快处理。免责声明|侵权处理流程

使用方法：

1、head引入css文件

<link rel="stylesheet" href="css/style.css">

2、body引入HTML代码

<div class="area">

	<div class="scissors-position">
		<div class="scissors">
			<div class="scissors__r">
				<div class="rotate">
					<div class="spike"></div>
					<div class="razor"></div>
					<div class="cable">
						<div class="cable__base"></div>
						<div class="cable__finger"></div>
					</div>
				</div>
			</div>
			<div class="scissors__l">
				<div class="rotate">
					<div class="razor"></div>
					<div class="cable">
						<div class="cable__base"></div>
						<div class="cable__finger"></div>
					</div>
				</div>
			</div>
		</div>
	</div>

	<div class="trail">
		<div class="trail-rotate">
			<div class="trail-trace">
			</div>
		</div>
	</div>
	
	<div class="paper">
		<div class="paper-rotate">
			<div class="paper-balance">
				<div class="paper__p1"></div>
				<div class="paper__p2"></div>
			</div>
		</div>
	</div>
	
	<div class="scissors-shadow-position">
		<div class="shadow"></div>
	</div>
	
	<div class="p1-shadow-position">
		<div class="shadow p1-shadow"></div>
	</div>
	
	<div class="p2-shadow-position">
		<div class="shadow p2-shadow"></div>
	</div>
</div>

文件目录

本资源来自：代码 » CSS3实例 » css3纸剪刀元素动画特效

注：此资源非帝国CMS模板/特效/源码，需要帝国CMS整站模板源码的小伙伴，请移步 帝国CMS模板，感谢支持！