Star Craft2 CD光盘效果
CD的年代有点久远了，为了怀念一下下，用Star Craft2为素材做了一个CD封面的效果。
注意，不是用Firefox 3.0+、chrome的青年朋友，请买票！
主要使用的属性依然是：border-radius，利用它能够对左右上下的border的width进行定义。而封面上的文字主要是用了transform属性。先看看效果：
1.圆角部分，需要定义好四个圆角的半径让他们都为整个box大小的一半：
border-top-left-radius:150px 150px; border-top-right-radius:150px 150px; border-bottom-right-radius:150px 150px; border-bottom-left-radius:150px 150px;
具体属性描述可以到W3C查看：CSS Backgrounds and Borders Module Level 3
2.box旋转部分，transform这个属性可以将某个元素以某个值在平面内进行旋转，正值为顺时针旋转，负值为逆时针旋转：
transform:rotate(-13deg);
具体属性描述还是需要到这查看：Transforms Module
我们看源代码吧：
Tips:You can change the code before run.
效果不错，顶一个，CD 2这几个字不够逼真啊。。。。。
好玩而已，哈哈。