CSS33D转换-创新互联

3D转换时,要赋予改变元素的父元素 perspective 属性

创新互联坚持“要么做到,要么别承诺”的工作理念,服务领域包括:成都网站制作、做网站、外贸营销网站建设、企业官网、英文网站、手机端网站、网站推广等服务,满足客户于互联网时代的固安网站设计、移动媒体设计的需求,帮助企业找到有效的互联网解决方案。努力成为您成熟可靠的网络建设合作伙伴!

perspective: m px; // 视点和画面的距离,视点的位置默认在父元素的中心

perspective-origin:right top;//改变视点的位置

transform-orgin:   //

backface-visibility: hidden / visible(默认)

========================================================================================

使用 transform 属性将 HTML 元素在三维空间内

1.旋转 rotate

     rotateX(角度)

     rotateY(角度)

     rotateZ(角度)

     rotate3d(x,y,z,角度) //

2.移动 translate

translateX(长度)

translateY(长度)

translateZ(长度)

translate3d(x,y,z,角度)

3.缩放 scale

scaleX(x)

scaleY(y)

scaleZ(z)

scale3d(x,y,z)

==================================================================================

transform-style: flat //默认,子元素将不保留其3D位置

preserve-3d; //子元素将保留其3D位置

创新互联www.cdcxhl.cn,专业提供香港、美国云服务器,动态BGP最优骨干路由自动选择,持续稳定高效的网络助力业务部署。公司持有工信部办法的idc、isp许可证, 机房独有T级流量清洗系统配攻击溯源,准确进行流量调度,确保服务器高可用性。佳节活动现已开启,新人活动云服务器买多久送多久。


新闻名称:CSS33D转换-创新互联
文章地址:http://cdiso.cn/article/cshcgi.html

其他资讯