css动画从小到大显示 |css3 酷炫球旋转

css效果切换，css first不生效，css代码规范书写格式，css盒子间距如何设置，css左右滑动条怎么去掉，css设置按钮向右对其，css3 酷炫球旋转 css动画从小到大显示 |css3 酷炫球旋转

/* 先定义一个容器div */
div {
width: 100px;
height: 100px;
background-color: blue;
}
/* 设置初始大小为0 */
div {
transform: scale(0);
}
/* 设置动画效果 */
div {
animation: show 1s ease-in-out forwards;
}
/* 编写动画关键帧 */
@keyframes show {
from {
transform: scale(0);
}
to {
transform: scale(1);
}
}

上述代码中，大家先定义了一个蓝色的div容器，并设置了它的初始大小为0。然后通过animation属性来设置动画效果，并且指定了一个名为“show”的动画关键帧。

在这个动画关键帧中，大家从初始大小0开始，动画到最终大小1。这样就能实现从小到大地显示。