gpt4 book ai didi

html - 如何在文本中滑动并将另一个文本推到右边(CSS)

转载 作者:行者123 更新时间:2023-11-28 17:15:06 25 4
gpt4 key购买 nike

我试图让 > 从侧面移动并将“Lorem”推到右边。我试图在我的 CSS 中实现它。

images

最佳答案

您可以使用伪元素和transition: max-width

* {
line-height: 1;
}
span:before {
max-width: 0;
overflow: hidden;
transition: max-width .5s;
content: '>';
display: inline-block;
}
span:hover:before {
max-width: 2em;
}
span {
display: flex;
align-items: center;
}
<span>Lorem</span>

关于html - 如何在文本中滑动并将另一个文本推到右边(CSS),我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/44417196/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com