2019-04-01

transform: rotate()  是围绕一个物体旋转的语法。

transform: scale()  是缩放物体的语法。

transform:  skew()  是斜切的语法。

position: relative;默认文字不可见

间距用p标签的margin,而不直接给.pic_info用padding,因为padding会改变盒子大小

让轴向对着自己,顺时针方向就是该轴向的旋转方向

设置盒子按3D空间显示

transform-style: preserve-3d;

transform: rotate(45deg);

perspective设置透视距离,经验数值800比较符合人眼的透视效果。

设置变形的中心点

transform-origin: left center;

设置透视距离、三维旋转的初始角度

transform: perspective(800px) rotateY(0deg);

设置盒子背面是否可见

backface-visibility: hidden;

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • transition-property 设置过渡的属性, transition-duration 设置过渡的时间,...
    _若尘_阅读 164评论 0 0
  • 如果要给元素设置绝对定位,就要给他的父亲设置相对定位 display:none 可以隐藏,display:bloc...
    一万八_7489阅读 70评论 0 0
  • CSS3 transition动画 transition-property 设置过渡的属性,比如:width he...
    冷暖自知_2237阅读 627评论 0 1
  • css3 transition动画 1,transition-property设置过渡的属性,比如width he...
    w_50df阅读 99评论 0 0
  • *css圆角:设置某一个角的圆角,比如设置左上角的圆角:border-top-left-radius:30px 6...
    我想要上天阅读 205评论 0 0