美文网首页
css-transform-3d效果学习总结

css-transform-3d效果学习总结

作者: 欧阳司空 | 来源:发表于2017-01-13 18:38 被阅读113次

关键词

1、perspective  透视
2、perspecitve-origin
3、rotateX rotateY rotate3d
4、scale3d缩放
5   translate3d
6   transform-style
7  backface-visibility


perspective 3d效果需要视点才能显示效果

perspective-origin 透视的点,就好像有一个窗户,你需要找到一点才能看清楚里面的内容。

rotateX rotateY rotate3d 

rotatex rotatey
rotatez

scale3d这个没有什么特别的,只要注意 他在z上面放大的话配合其它的变形效果  会影响视点与视物的距离;

translate3d 这个也没有什么特别 就在三个轴上面移动

transform-style 有二个值  1、flat  preserve-3d  

flat就是内部没有3D效果

preserve内部展现3D效果

backface-visibility  就是能否看 人后面有没有其它东西 默认是看的到,

练习

相关文章

  • css-transform-3d效果学习总结

    关键词 1、perspective 透视2、perspecitve-origin3、rotateX rotateY...

  • transition效果学习总结

    transtion这个效果是需要触发才会发现的效果 4个参数1、transtion-proprety 决定哪些因...

  • 念头

    学习效果优先于学习效率,先追求效果再追求效率。这样的“考试理论”我总结过很多。影响效果和效率的唯一核心因素就是“心...

  • Flutter基础控件篇[1]

    前言 拖了好久终于开始看Flutter,为了加深印象巩固学习效果,现将每次学习的内容总结成笔记,巩固效果也方便以后...

  • 第二十七天(4月17日)(补)

    1 学习时长 学习时长1.3小时,集中在早上 2 学习内容 学习spark数组 3 学习总结 学习效果一般,...

  • 0目录

    本序列文章是对平时学习的总结,通过总结来达到更好的学习效果,若有不妥之处,欢迎大家指正讨论。 1 入门方法与理解 ...

  • 9月总结

    总结 学习总结 整个9月都在长沙接受金蝶顾问学院的上岗培训。总体来说,效果不是太好,只是简单的学习了财务基础和介绍...

  • 2019-01-24 频道页面拖动效果

    最近看了视频学习了类似网易的频道拖动效果,就跟着敲了几遍,下面是总结和记录: 先看效果图, 实现的效果: 1.长按...

  • 用CSS做下拉菜单初试

    学习总结: 1、a:hover<> 鼠标滑过效果(应该类似js里面的onmouseover吧) 2、float:l...

  • 第三十七天(4月27日)(补)

    1学习时间 学了一个番茄钟的spark 2 学习内容 spark 3 学习总结 很勉强的学习了一会,学习效果一般

网友评论

      本文标题:css-transform-3d效果学习总结

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