<!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>