效果图:
步骤分析:
-
收集用户输入内容,根据内容创建一个标签--span,追加到某个容器中
-
为元素设置位置
-
left:右侧--大容器外面
-
top:上半区
-
-
通过样式设置来实现元素的动画,也可以通过定时器的方式实现动画
-
细节
-
文本颜色随机
-
span动画结束之后应该进行自动的清除
-
html代码:
<div class="boxDom" id="boxDom">
<div class="idDom" id="idDom">
<div class="content">
<p class&