常用动画一：缓缓收起顶部栏

最新推荐文章于 2023-04-04 15:47:53 发布

愤怒的小果汁

最新推荐文章于 2023-04-04 15:47:53 发布

阅读量281

点赞数

分类专栏： css 文章标签： CSS

本文链接：https://blog.csdn.net/guo_wenjing/article/details/80762660

版权

css 专栏收录该内容

10 篇文章 0 订阅

订阅专栏

HTML

<div class="div"></div>

CSS

body {
    margin: 0;
}
.div {
    height: 100px;
    background-color: cyan;
    border:1px solid red;
    transform-origin: top;
    animation: moveup 3s forwards linear;
}
@keyframes moveup {
    from {
	transform: scaleY(1)
    }
    to {
	transform: scaleY(0)
    }
}