CSS3制作炫酷带方向感应的鼠标滑过图片3D动画

1. <div class='container'>     <ul>  
2.     <li>         <a class='normal' href='#'>  
3.         <svg viewBox='0 0 80 76' x='0px' y='0px'>             <g>  
4.             <path d='M 68.9708 24.8623 L 60.4554 2.3018 ...... 68.0625 Z'></path>             </g>  
5.         </svg>         </a>  
6.       <div class='info'>           <h3>...</h3>  
7.         <p>....</p>         </div>  
8.     </li>       ......   
9.   </ul>   </div>      
10.   

CSS样式

整个网格布局使用无序列表来制作，所有的li元素都采用左浮动。