html 有没有办法让div在纯CSS中飞入/飞出

niknxzdl 于 2022-12-09 发布在其他

关注(0)|答案(2)|浏览(240)

我正在尝试使用CSS动画来使div在单击按钮时飞入/飞出页面。我知道如何使用CSS动画，但我的问题是：如果我尝试将div位置设置为-1000%，则会出现一个水平滚动条。我不希望显示该滚动条，但也不希望禁用滚动条。

Html

来源：https://stackoverflow.com/questions/66469025/is-there-any-way-to-make-div-fly-in-out-with-pure-css

2条答案

按热度按时间

wnavrhmk1#

使用关键帧。例如：

.fly {
    animation: superman-fly-right ease-in-out 0.5s forwards;
}

@keyframes superman-fly-right {
    from {
        transform: translateX(0);
    }
    to {
        transform: translateX(100vw);
    }
}

赞(0）回复(0）举报 2022-12-09

ua4mk5z42#

使用CSS中元素的*位置***，您可以使用animation和@keyframes规则。根据您希望如何控制元素在父级中的位置，将元素设置为相对或绝对**。并使用你的css动画规则中的left或top位置。@0%设置页面的左位置，并将其置于100% =〉0
第一个

赞(0）回复(0）举报 2022-12-09

我来回答

html 有没有办法让div在纯CSS中飞入/飞出

2条答案

相关问题

热门标签

最新问答