IE (ie kernel) firefox (Gecko) Google (WebKit) opear (Preato)
. div1{
Column-count:3;
-webkit-column-count:3;
column-gap:50px;
-webkit-column-gap:50px;
column-rule:5px outset #ff0000;
-webkit-column-rule:5px outset #ff0000;
}
. div11{
width:100px;
height:100px;
Transition:width 2s,height 2s,transform 2s;
-webkit-transition:width 2s,height 2s,transform 2s;
-ms-transition:width 2s,height 2s,transform 2s;
-o-transition:width 2s,height 2s,transform 2s;
-moz-transition:width 2s,height 2s,transform 2s;
transition-delay:3s;
}
. container{
column-width:150px;
-webkit-column-width:150px;
column-gap:10px;
-webkit-column-gap:10px;
}
. div11:hover{
width:200px;
height:200px;
Transform:rotate (250DEG);
-webkit-transform:rotate (250DEG);
}
div{
width:200px;
height:100px;
}
. div2-{
Background-color:green;
Transform:translate (100px,100px);
-webkit-transform;translate (100px,100px);/* This safari chrome*/
-ms-transform:translate (200px,100px);/*ie*/
-o-transform:translate (200px,100px);/*opera*/
-moz-transform:translate (200px,100px);/*firefox*/
}
. div2--{
Transform:rotate (100deg);p x
-webkit-transform;rotate (100DEG);/* This safari chrome*/
-ms-transform:rotate (200deg);/*ie*/
-o-transform:rotate (100deg);/*opera*/
-moz-transform:rotate (100deg);/*firefox*/
}
. Div2---{
(Transform:scale);
-webkit-transform;scale;/* This safari chrome*/
-ms-transform:scale (2;,1);/*ie*/
-o-transform:scale (/*opera*/);
-moz-transform:scale (/*firefox*/);
}
. div2-----{
Transform:skew (50DEG,60DEG);
-webkit-transform;skew (50DEG,60DEG);/* This safari chrome*/
-ms-transform:skew (50deg,60deg);/*ie*/
-o-transform:skew (50deg,60deg);/*opera*/
-moz-transform:skew (50deg,60deg);/*firefox*/
}
. div2{
Transform:rotatex (50DEG);
-webkit-transform;rotatex (50DEG);/* This safari chrome*/
-ms-transform:rotatex (50deg);/*ie*/
-o-transform:rotatex (50deg);/*opera*/
-moz-transform:rotatex (50deg);/*firefox*/
}
CSS in each browser is different