[英]How can I make a writing animation(change of text) on a users hover with HTML, CSS, and JS, just without the caret
這適用於一行。 唯一的問題是它不換行文本。
.typewriter { width: fit-content; } .typewriter div { overflow: hidden; white-space: nowrap; margin: 0 auto; letter-spacing: .05em; animation: typing 3.5s steps(40, end), blink-caret .75s step-end infinite; } @keyframes typing { from { width: 0 } to { width: 100% } }
<div class = 'typewriter'> <div> Lorem ipsum dolor sit amet, consectetur adipiscing elit. </div>
如何在懸停時制作HTML框，並使用JS或CSS顯示其下方的文本
[英]How can I make an HTML box slide on hover and reveal the text underneath it using JS or CSS
如何在鼠標懸停時用文本動畫制作圖像-HTML + CSS + JS
[英]How to make an image with text animation at hover mouse signal - HTML + CSS + JS
如何在不重新啟動 CSS 動畫的情況下使用 javascript 更改 html？
[英]How can I change html with javascript without restarting a CSS animation?
當 hover 超過文本時如何更改圖像？ （嚴格來說是 HTML、CSS 和 JS）
[英]How to change an image when hover over text? (Strictly HTML, CSS and JS)
如何在不單擊 HTML 或 JS 中的任何內容的情況下顯示文本？
[英]how can i make text appear without clicking anything in HTML or JS?
我怎樣才能操縱 css animation 像 hover 和 javascript 一樣工作？
[英]How can I manipulate a css animation to act like a :hover with javascript?
聲明:本站的技術帖子網頁，遵循CC BY-SA 4.0協議，如果您需要轉載，請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.