0
所以我的javascript代碼:IinnerHTML過渡/動畫CSS
document.getElementById("name").innerHTML = name ;
我可以使用CSS轉換時的innerHTML顯示結果?喜歡從右側淡入或在此鏈接中輸入動畫https://codepen.io/rusjames/pen/uAFhE
有什麼建議嗎?感謝
所以我的javascript代碼:IinnerHTML過渡/動畫CSS
document.getElementById("name").innerHTML = name ;
我可以使用CSS轉換時的innerHTML顯示結果?喜歡從右側淡入或在此鏈接中輸入動畫https://codepen.io/rusjames/pen/uAFhE
有什麼建議嗎?感謝
之前指定動畫的一類,然後給該元素,您更新innerHTML
var name = 'somebody';
el = document.getElementById("name");
el.innerHTML = name;
el.classList.add('type');
body {
background: #171717;
}
p {
color: lime;
font-family: "Courier";
font-size: 20px;
margin: 10px 0 0 10px;
white-space: nowrap;
overflow: hidden;
width: 30em;
}
.type {
animation: type 4s steps(60, end);
}
@keyframes type{
from { width: 0; }
}
<p id="name"></p>
如何,如果我想在結果褪色後的文字動畫類? – Rian
完成,我得到它如何淡入。非常感謝您的幫助 – Rian
@Rian awesome,np –