CSS3的transform旋转简单说明

2015-10-19

　　CSS3 实例旋转50度，

　　div

　　{

　　transform:rotate(30deg);

　　}

　　实例如下：

　　<!DOCTYPE html>
　　<html>
　　<head>
　　<style>
　　div
　　{
　　padding:5px 10px;
　　width:200px;
　　background:red;
　　border:1px solid #ccc;
　　color:#fff
　　}
　　div#div2
　　{
　　transform:rotate(30deg);
　　-ms-transform:rotate(30deg); /* IE 9 */
　　-moz-transform:rotate(30deg); /* Firefox */
　　-webkit-transform:rotate(30deg); /* Safari and Chrome */
　　-o-transform:rotate(30deg); /* Opera */
　　}
　　</style>
　　</head>
　　<body>
　　<div>这是一个 CSS3元素。</div>
　　<div id="div2">这是一个 CSS3旋转元素。</div>
　　</body>
　　</html>

　　效果图，如下：