您的位置：首页 > Web前端 > HTML5

HTML5实现图形挤压变形效果DEMO演示

2015-01-29 15:24 447 查看

<!DOCTYPE html>
<!-- saved from url=(0065)http://www.html5tricks.com/demo/html5-image-extrusion/index2.html -->
<html><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

<meta charset="UTF-8">

<title>HTML5实现图形挤压变形效果DEMO演示</title>

<link rel="stylesheet" href="http://www.html5tricks.com/demo/html5-image-extrusion/css/normalize.css">

<link rel="stylesheet" href="./HTML5实现图形挤压变形效果DEMO演示_files/style.css" media="screen" type="text/css">

</head>
<style>
</style>
<body>

<div class="zone">
<div class="blob"></div>
<div class="blob"></div>
<div class="blob"></div>
<div class="blob"></div>
<div class="blob"></div>
<div class="blob"></div>
<div class="blob"></div>
<div class="blob"></div>
<div class="blob"></div>
<div class="blob"></div>
<div class="blob"></div>
<div class="blob"></div>
<div class="blob"></div>
<div class="blob"></div>
<div class="blob"></div>
<div class="blob"></div>
<div class="blob"></div>
<div class="blob"></div>
<div class="blob"></div>
<div class="blob"></div>
<div class="blob"></div>
<div class="blob"></div>
<div class="blob"></div>
<div class="blob"></div>
<div class="blob"></div>
<div class="blob"></div>
<div class="blob"></div>
<div class="blob"></div>
<div class="blob"></div>
<div class="blob"></div>

<span class="repulse" style="left: 66px; top: 41px;"></span>
</div>

<script src="./HTML5实现图形挤压变形效果DEMO演示_files/jquery.js"></script>

<script src="./HTML5实现图形挤压变形效果DEMO演示_files/index.js"></script>

</body></html>

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航