Trigger设置

Trigger,按照Axis,需要确定初始值0.5;selector 选择外部容器,比如.container.

Animation设置

Animation部分选择动画部分,类.three

X的From值

translatex:-10px;

rotationY:20;

X的To值

translatex:10px;

rotationY:-20;

Y的From值

translateY:-10px;

rotationX:-20;

Y的To值

translateX:10px;

rotationX:20;

.container {
perspective: 1000px;
}
.three {
    transform-style: preserve-3d;
}
.float {
transform: translateZ(550px) rotateX(20deg) ;
perspective: 1000px;
}

接天莲叶无穷碧