HTML5技术

CSS3 基本知识 - 彼岸时光(12)

字号+ 作者:H5之家 来源:H5之家 2016-03-11 17:01 我要评论( )

在 Chrome 中显示如下: (3)、rotate() rotate() 方法,元素顺时针旋转给定的角度。允许负值,这样元素将逆时针旋转: rotate()DIV1DIV2 rotate(30deg); 即元素顺时针旋转 30 度。 在 Chrome 中显示如下: (4)、sca

  在 Chrome 中显示如下:

  (3)、rotate()

  rotate() 方法,元素顺时针旋转给定的角度。允许负值,这样元素将逆时针旋转:

rotate()DIV1DIV2

  rotate(30deg); 即元素顺时针旋转 30 度。

  在 Chrome 中显示如下:

 

  (4)、scale()

  scale() 方法,根据给定的宽度(X轴)和高度(Y轴)的参数,元素的尺寸会增加或减少:

scale()DIV1DIV2

  scale(2,4); 即把宽度转换为原始尺寸的 2 倍,把高度转换为原始高度的 4 倍。

 

1.本站遵循行业规范,任何转载的稿件都会明确标注作者和来源;2.本站的原创文章,请转载时务必注明文章作者和来源,不尊重原创的行为我们将追究责任;3.作者投稿可能会经我们编辑修改或补充。

相关文章
  • CSS3 选择器 - Glunefish

    CSS3 选择器 - Glunefish

    2017-04-22 09:00

  • HTML5和CSS3 - 奔跑在起跑线佼佼者

    HTML5和CSS3 - 奔跑在起跑线佼佼者

    2017-04-20 13:00

  • 【CSS3】精美横向滚动菜单按钮 - Glunefish

    【CSS3】精美横向滚动菜单按钮 - Glunefish

    2017-04-14 14:00

  • 【CSS3动画】下拉菜单模拟 - Glunefish

    【CSS3动画】下拉菜单模拟 - Glunefish

    2017-04-12 13:00

网友点评
c