第css3中實(shí)現(xiàn)旋轉(zhuǎn)效果的屬性是什么-ms-transform:rotate(7deg);/*IE9*/

-webkit-transform:rotate(7deg);/*SafariandChrome*/

/style

/head

body

divHello/div

/body

/html

示例2：

!DOCTYPEhtml

html

head

metacharset=utf-8

style

*:after,

*:before{

box-sizing:border-box;

body{

background:#F5F3F4;

margin:0;

padding:10px;

font-family:OpenSans,sans-serif;

text-align:center;

h1{

color:#4c4c4c;

font-weight:600;

border-bottom:1pxsolid#ccc;

h4{

font-weight:400;

color:#4d4d4d;

.card{

display:inline-block;

margin:10px;

background:#fff;

padding:15px;

min-width:200px;

box-shadow:03px5px#ddd;

color:#555;

.card.box{

width:100px;

height:100px;

margin:auto;

background:#ddd;

cursor:pointer;

box-shadow:005px#cccinset;

.card.box.fill{

width:100px;

height:100px;

position:relative;

background:#03A9F4;

opacity:.5;

box-shadow:005px#ccc;

-webkit-transition:0.3s;

transition:0.3s;

.cardp{

margin:25px00;

.rotate:hover.fill{

-webkit-transform:rotate(45deg);

transform:rotate(45deg);

.rotateX:hover.fill{

-webkit-transform:rotateX(45deg);

transform:rotateX(45deg);

.rotateY:hover.fill{

-webkit-transform:rotateY(45deg);

transform:rotateY(45deg);

.rotateZ:hover.fill{

-webkit-transform:rotate(45deg);

transform:rotate(45deg);

.scale:hover.fill{

-webkit-transform:scale(2,2);

transform:scale(2,2);

.scaleX:hover.fill{

-webkit-transform:scaleX(2);

transform:scaleX(2);

.scaleY:hover.fill{

-webkit-transform:scaleY(2);

transfo