CSS3 10 - CSS3 2D Transforms | translate() | rotate() | scale() | skew() | matrix() | CSS transform

CSS3 2D Transforms translate() rotate() scale() skew() matrix() CSS transform Transforms allows us to create effect. Transforms is an effect to change the element shape, size and position. 2D Transforms Properties : transform transform-origin 2D Transforms Methods : translate() rotate() scale() skew() matrix() 2D Transforms for Cross Browser : -moz-transform: rotate(20deg)//Mozilla Browser -webkit-transform : rotate(20deg)// Chrome Browser -o-transform : rotate(20deg)// Opera Browser 2d transform code : p{ height: 150px; width: 150px; margin: 10px; background-image: url("download.jpg"); border:10px solid maroon; } #translate{ transform: translate(50px, 100px) } #rotate{ transform: rotate(60deg)} #skew{ transform: skew(20deg)} #scale{ transform: scale(2,3)}

Видео CSS3 10 - CSS3 2D Transforms | translate() | rotate() | scale() | skew() | matrix() | CSS transform автора Академия CSS