js特效3D标签动态展示

昨天忙里偷闲，看了下jQuery网页素材，觉得这个 球体3D动态展示标签 的效果还不错，就整理了这个代码：（文章最后附上一张图片）

CSS：

<style type="text/css">
	*{margin:0;padding:0;list-style-type:none;}
	a,img{border:0;}
	body{background:#09c;}
	/* rotate */
	#rotate{height:400px;width:450px;position:relative;margin:10px auto;}
	#rotate a{position:absolute;top:0px;left:0px;color:#fff;font-weight:bold;padding:3px 6px;font-size:14px;}
	#rotate a:hover{border:1px solid #eee;background:#000;border-radius:5px;}
</style>

HTML代码：

<!-- Start -->
	<div id="rotate">
	<a href="#"target="_blank">起名取名</a>
	<a href="#"target="_blank">宣传策划</a>
	<a href="#"target="_blank">网游试玩</a>
	<a href="#"target="_blank">短信表白</a>
	<a href="#"target="_blank">卡片设计</a>
	<a href="#"target="_blank">网页设计</a>
	<a href="#"target="_blank">SEO优化</a>
	<a href="#"target="_blank">外语翻译</a>
	<a href="#"target="_blank">产品推广</a>
	<a href="#