css空间转换/视距/空间旋转/立体呈现/3d导航案例/空间缩放/animation动画/走马灯案例/精灵动画/多组动画/全民出游案例

 空间转换

空间:是从坐标轴角度定义xyz三条坐标轴构成了一个立体空间按,z轴位置与视线方向相同。

fd2518890dcf47cba82081263fcdb2ba.png

  • 属性:transform

        transform:translate3d(x,y,z);

        transform:translatex();

        transform:translatey();

        transform:translatez();

  • 取值(正负均可)

        像素单位数值deg

        百分比(参照盒子自身尺寸计算结果)

注意:电脑是平面,默认无法观察z轴平移效果

3d小括号里面必须用逗号隔开三个数

视距perspective

作用:指定观察者与z=0平面的距离,为元素添加透视效果

<
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

章小絮

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值