# 块切入动画
src\styles\animation.scss文件下新增对应动画样式即可,例如
// 从右上角进入
.tilt-in-fwd-tr {
animation: tilt-in-fwd-tr 0.6s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
}
@keyframes tilt-in-fwd-tr {
0% {
transform: rotateY(20deg) rotateX(35deg) translate(300px, -300px) skew(-35deg, 10deg);
opacity: 0;
}
100% {
transform: rotateY(0) rotateX(0deg) translate(0, 0) skew(0deg, 0deg);
opacity: 1;
}
}
在块图表配置上,配置 animation 的值为样式名称 tilt-in-fwd-tr,进入预览页面,即可生效
← 主题