<!DOCTYPE html>
<html lang="en" >
<head>
<meta charset="UTF-8">
<title>HTML5 SVG立方体图形动画特效 - 站长素材</title>
<link rel="stylesheet" href="css/style.css">
</head>
<body>
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 400 400">
<polygon id="shadow" points="0,320,200,260,400,320,200,380"></polygon>
<g id="face-0">
<polygon class="face" points="200,20 0,80 0,320 200,260"></polygon>
<polygon class="cell" points="200,20 190,23 190,35 200,32"></polygon>
<polygon class="cell" points="190,23 180,26 180,38 190,35"></polygon>
<polygon class="cell" points="180,26 170,29 170,41 180,38"></polygon>
<polygon class="cell" points="170,29 160,32 160,44 170,41"></polygon>
<polygon class="cell" points="160,32 150,35 150,47 160,44"></polygon>
<polygon class="cell" points="150,35 140,38 140,50 150,47"></polygon>
<polygon class="cell" points="140,38 130,41 130,53 140,50"></polygon>
<polygon class="cell" points="130,41 120,44 120,56 130,53"></polygon>
<polygon class="cell" points="120,44 110.00000000000001,47 110.00000000000001,59 120,56"></polygon>
<polygon class="cell" points="110.00000000000001,47 100,50 100,62 110.00000000000001,59"></polygon>
<polygon class="cell" points="100,50 89.99999999999999,53 89.99999999999999,65 100,62"></polygon>
<polygon class="cell" points="89.99999999999999,53 80,56 80,68 89.99999999999999,65"></polygon>
<polygon class="cell" points="80,56 70,59 70,71 80,68"></polygon>
<polygon class="cell" points="70,59 60.00000000000001,62 60.00000000000001,74 70,71"></polygon>
<polygon class="cell" points="60.00000000000001,62 50,65 50,77 60.00000000000001,74"></polygon>
<polygon class="cell" points="50,65 39.99999999999999,68 39.99999999999999,80 50,77"></polygon>
<polygon class="cell" points="39.99999999999999,68 30.000000000000004,71 30.000000000000004,83 39.99999999999999,80"></polygon>
<polygon class="cell" points="30.000000000000004,71 19.999999999999996,74 19.999999999999996,86 30.000000000000004,83"></polygon>
<polygon class="cell" points="19.999999999999996,74 10.000000000000009,77 10.000000000000009,89 19.999999999999996,86"></polygon>
<polygon class="cell" points="10.000000000000009,77 0,80 0,92 10.000000000000009,89"></polygon>
<polygon class="cell" points="200,32 190,35 190,47 200,44"></polygon>
<polygon class="cell" points="190,35 180,38 180,50 190,47"></polygon>
<polygon class="cell" points="180,38 170,41 170,53 180,50"></polygon>
<polygon class="cell" points="170,41 160,44 160,56 170,53"></polygon>
<polygon class="cell" points="160,44 150,47 150,59 160,56"></polygon>
<polygon class="cell" points="150,47 140,50 140,62 150,59"></polygon>
<polygon class="cell" points="140,50 130,53 130,65 140,62"></polygon>
<polygon class="cell" points="130,53 120,56 120,68 130,65"></polygon>
<polygon class="cell" points="120,56 110.00000000000001,59 110.00000000000001,71 120,68"></polygon>
<polygon class="cell" points="110.00000000000001,59 100,62 100,74 110.00000000000001,71"></polygon>
<polygon class="cell" points="100,62 89.99999999999999,65 89.99999999999999,77 100,74"></polygon>
<polygon class="cell" points="89.99999999999999,65 80,68 80,80 89.99999999999999,77"></polygon>
<polygon class="cell" points="80,68 70,71 70,83 80,80"></polygon>
<polygon class="cell" points="70,71 60.00000000000001,74 60.00000000000001,86 70,83"></polygon>
<polygon class="cell" points="60.00000000000001,74 50,77 50,89 60.00000000000001,86"></polygon>
<polygon class="cell" points="50,77 39.99999999999999,80 39.99999999999999,92 50,89"></polygon>
<polygon class="cell" points="39.99999999999999,80 30.000000000000004,83 30.000000000000004,95 39.99999999999999,92"></polygon>
<polygon class="cell" points="30.000000000000004,83 19.999999999999996,86 19.999999999999996,98 30.000000000000004,95"></polygon>
<polygon class="cell" points="19.999999999999996,86 10.000000000000009,89 10.000000000000009,101 19.999999999999996,98"></polygon>
<polygon class="cell" points="10.000000000000009,89 0,92 0,104 10.000000000000009,101"></polygon>
<polygon class="cell" points="200,44 190,47 190,59 200,56"></polygon>
<polygon class="cell" points="190,47 180,50 180,62 190,59"></polygon>
<polygon class="cell" points="180,50 170,53 170,65 180,62"></polygon>
<polygon class="cell" points="170,53 160,56 160,68 170,65"></polygon>
<polygon class="cell" points="160,56 150,59 150,71 160,68"></polygon>
<polygon class="cell" points="150,59 140,62 140,74 150,71"></polygon>
<polygon class="cell" points="140,62 130,65 130,77 140,74"></polygon>
<polygon class="cell" points="130,65 120,68 120,80 130,77"></polygon>
<polygon class="cell" points="120,68 110.00000000000001,71 110.00000000000001,83 120,80"></polygon>
<polygon class="cell" points="110.00000000000001,71 100,74 100,86 110.00000000000001,83"></polygon>
<polygon class="cell" points="100,74 89.99999999999999,77 89.99999999999999,89 100,86"></polygon>
<polygon class="cell" points="89.99999999999999,77 80,80 80,92 89.99999999999999,89"></polygon>
<polygon class="cell" points="80,80 70,83 70,95 80,92"></polygon>
<polygon class="cell" points="70,83 60.00000000000001,86 60.00000000000001,98 70,95"></polygon>
<polygon class="cell" points="60.00000000000001,86 50,89 50,101 60.00000000000001,98"></polygon>
<polygon class="cell" points="50,89 39.99999999999999,92 39.99999999999999,104.00000000000001 50,101"></polygon>
<polygon class="cell" points="39.99999999999999,92 30.000000000000004,95 30.000000000000004,107 39.99999999999999,104.00000000000001"></polygon>
<polygon class="cell" points="30.000000000000004,95 19.999999999999996,98 19.999999999999996,110 30.000000000000004,107"></polygon>
<polygon class="cell" points="19.999999999999996,98 10.000000000000009,101 10.000000000000009,112.99999999999999 19.999999999999996,110"></polygon>
<polygon class="cell" points="10.000000000000009,101 0,104 0,116 10.000000000000009,112.99999999999999"></polygon>
<polygon class="cell" points="200,56 190,59 190,71 200,68"></polygon>
<polygon class="cell" points="190,59 180,62 180,74 190,71"></polygon>
<polygon class="cell" points="180,62 170,65 170,77 180,74"></polygon>
<polygon class="cell" points="170,65 160,68 160,80 170,77"></polygon>
<polygon class="cell" points="160,68 150,71 150,83 160,80"></polygon>
<polygon class="cell" points="150,71 140,74 140,86 150,83"></polygon>
<polygon class="cell" points="140,74 130,77 130,89 140,86"></polygon>
<polygon class="cell" points="130,77 120,80 120,92 130,89"></polygon>
<polygon class="cell" points="120,80 110.00000000000001,83 110.00000000000001,95 120,92"></polygon>
<polygon class="cell" points="110.00000000000001,83 100,86 100,98 110.00000000000001,95"></polygon>
<polygon class="cell" points="100,86 89.99999999999999,89 89.99999999999999,101 100,98"></polygon>
<polygon class="cell" points="89.99999999999999,89 80,92 80,104 89.99999999999999,101"></polygon>
<polygon class="cell" points="80,92 70,95 70,107 80,104"></polygon>
<polygon class="cell" points="70,95 60.00000000000001,98 60.00000000000001,110 70,107"></polygon>
<polygon class="cell" points="60.00000000000001,98 50,101 50,113 60.00000000000001,110"></polygon>
<polygon class="cell" points="50,101 39.99999999999999,104.00000000000001 39.99999999999999,116 50,113"></polygon>
<polygon class="cell" points="39.99999999999999,104.00000000000001 30.000000000000004,107 30.000000000000004,119 39.99999999999999,116"></polygon>
<polygon class="cell" points="30.000000000000004,107 19.999999999999996,110 19.999999999999996,122 30.000000000000004,119"></polygon>
<polygon class="cell" points="19.999999999999996,110 10.000000000000009,112.99999999999999 10.0000