Vue3 + CSS实现div滑入
- animation 定义动画
- transform定义偏移
- opacity,设置清晰度,实现从无到有
.entity-btn {
position: absolute;
right: 0vw;
top: 4vh;
animation: fadenum 2s;
@keyframes fadenum {
0% {
transform: translateX(30vw);
opacity: 0;
}
100% {
transform: translateX(0);
opacity: 1;
}
}
按照上述设置,页面会被撑开,出现滚动条,在style设置滚动条不显示就可以
<style>
::-webkit-scrollbar {
display: none;
}
</style>