css3中实现2d旋转的函数是什么
生活随笔
收集整理的這篇文章主要介紹了
css3中实现2d旋转的函数是什么
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
css中實現2d旋轉的函數是“rotate()”函數。rotate()函數可與transform屬性配合使用,語法為“元素{transform:rotate(角度值);}”;參數角度為正數時元素順時針旋轉,參數角度為負數時元素逆時針旋轉。
本教程操作環境:windows10系統、CSS3&&HTML5版、Dell G3電腦。
css3中實現2d旋轉的函數是什么
在css中,實現2d旋轉的函數是rotate()函數。
rotate()函數配合transform屬性使用時,能夠對元素進行2d旋轉操作。
transform 屬性向元素應用 2D 或 3D 轉換。該屬性允許我們對元素進行旋轉、縮放、移動或傾斜。
示例如下:
<!DOCTYPE html><html><head><style> div{margin:30px;width:200px;height:100px;background-color:yellow;transform:rotate(9deg);}</style></head><body><div>Hello World</div></body></html>
輸出結果:
(學習視頻分享:css視頻教程)
總結
以上是生活随笔為你收集整理的css3中实现2d旋转的函数是什么的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: CentOS 7中iptables服务暂
- 下一篇: linux怎么删除oracle数据库