美文网首页网页前端后台技巧(CSS+HTML)互联网科技码农的世界
web前端入门到实战:CSS角度单位:deg、grad、rad、

web前端入门到实战:CSS角度单位:deg、grad、rad、

作者: 560b7bb7b879 | 来源:发表于2019-09-28 13:08 被阅读0次

    1、deg

    度(Degress)。一个圆共360度

    90deg = 100grad = 0.25turn ≈ 1.570796326794897rad

    -moz-transform: rotate(2deg);
    -webkit-transform: rotate(2deg);
    transform: rotate(2deg);
    

    2、grad
    梯度(Gradians)。一个圆共400梯度

    90deg = 100grad = 0.25turn ≈ 1.570796326794897rad

    -moz-transform: rotate(2grad);
    -webkit-transform: rotate(2grad);
    transform: rotate(2grad);
    

    3、rad
    弧度(Radians)。一个圆共2π弧度

    90deg = 100grad = 0.25turn ≈ 1.570796326794897rad

    -moz-transform: rotate(2rad);
    -webkit-transform: rotate(2rad);
    transform: rotate(2rad);
    

    4、turn
    转、圈(Turns)。一个圆共1圈

    90deg = 100grad = 0.25turn ≈ 1.570796326794897rad

    -webkit-transform: rotate(.5turn);
    transform: rotate(.5turn);
    

    自己是一个6年的前端工程师,希望本文对你有帮助!

    这里推荐一下我的前端学习交流扣qun:731771211 ,里面都是学习前端的,如果你想制作酷炫的网页,想学习编程。自己整理了一份2019最全面前端学习资料,从最基础的HTML+CSS+JS【炫酷特效,游戏,插件封装,设计模式】到移动端HTML5的项目实战的学习资料都有整理,送给每一位前端小伙伴,每天分享技术

    点击:加入

    相关文章

      网友评论

        本文标题:web前端入门到实战:CSS角度单位:deg、grad、rad、

        本文链接:https://www.haomeiwen.com/subject/jkqfuctx.html