zoukankan      html  css  js  c++  java
  • css3 翻转和旋转的差别

            我曾经一直以为旋转跟翻转一样,今日自己旋转了好久都发觉跟翻转差一点点,纠结了十几分钟才明确,仅仅能怪自己的立体感太差了。

            css3中的transform中有旋转,放缩,倾斜,平移的功能,分别相应的属性是:rotate,scale,skew,translate

            旋转:(rotate)

    -webkit-transform:rotate(10deg);
    -moz-transform:rotate(10deg);
    transform:rotate(10deg);
            翻转:(scale)

           (这个属性是放缩的功能,怎么能翻转的!原来括弧里面(1,1)前者表示X轴,后者表示Y轴,当数字大于1时放大,大于0并小于1时缩小,负数代表翻转)

           水平翻转:

    -webkit-transform:scale(-1,1);
    -moz-transform:scale(-1,1);
    transform:scale(-1,1);
           垂直翻转:

    -webkit-transform:scale(1,-1);
    -moz-transform:scale(1,-1);
    transform:scale(1,-1);

          

    參考一位非常厉害师兄(@桑尼真)的博客:http://blog.sina.com.cn/s/blog_74d6cedd0100v9bk.html

  • 相关阅读:
    模拟链表
    解密回文——栈
    解密QQ——队列
    排序算法的实现与比较
    2016年第七届蓝桥杯C/C++B组省赛题目解析
    记账类问题汇总
    斐波那契数列题型汇总
    MFC绘图小实验(1)
    MFC绘图基础——上机操作步骤
    求 pi 的近似值题型汇总
  • 原文地址:https://www.cnblogs.com/mengfanrong/p/3967399.html
Copyright © 2011-2022 走看看