turn
turn属性
说明:
转、圈(Turns)。一个圆共1圈
90deg = 100grad = 0.25turn ≈ 1.570796326794897rad
兼容性:
浅绿 = 支持
红色 = 不支持
粉色 = 部分支持
IE | Firefox | Chrome | Safari | Opera | iOS Safari | Android Browser | Android Chrome |
---|---|---|---|---|---|---|---|
6.0-8.0 | 2.0-12.0 | 4.0+ | 3.1+ | 3.5+ | 3.2+ | 2.1+ | 18.0+ |
9.0+ | 13.0+ |
实例
<!DOCTYPE html> <html lang="zh-cmn-Hans"> <head> <meta charset="utf-8" /> <style> .test { width:400px; height: 100px; background: #eee; -webkit-transform: rotate(.5turn); transform: rotate(.5turn); } </style> </head> <body> <div class="test">transform: rotate(.5turn);</div> </body> </html>
运行实例 »
点击 "运行实例" 按钮查看在线实例
效果图:
任务
- ?不会了怎么办