Vue3 + CSS实现div滑入
- animation 定义动画
- transform定义偏移
- opacity，设置清晰度，实现从无到有
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 |
.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设置滚动条不显示就可以
|
1 2 3 4 5 |
<style> ::-webkit-scrollbar { display: none; } </style> |
原文链接：
相关文章
