当前位置:嗨网首页>书籍在线阅读

07-多重变换

  
选择背景色: 黄橙 洋红 淡粉 水蓝 草绿 白色 选择字体: 宋体 黑体 微软雅黑 楷体 选择字体大小: 恢复默认

12.6 多重变换

你可以在一个单独的元素上应用多重变换,只需要在transform属性中用空格隔开列出多个函数即可:

501.png 例如,我们可以使用下面的代码旋转、缩放并平移一个元素,如下:

502.png 可以在图12-7中看到这段代码的实际演示效果如何。

503.png

图12-7 多个函数应用到h2元素上,创建“绶带”效果

h2 元素经过了多个函数的变换后位于父元素的左上角,那是一种网页上相当流行的绶带效果,但是,在此之前这种效果还只能通过图片去实现。