type-animation/lib/typing-animation.css

vue 打字动画组件，炫酷的打字动画效果

@-webkit-keyframes typing-data-v-65234585{0%{width:0}}@keyframes typing-data-v-65234585{0%{width:0}}@-webkit-keyframes caret-data-v-65234585{50%{border-color:transparent}}@keyframes caret-data-v-65234585{50%{border-color:transparent}}p[data-v-65234585]{display:none}.typing[data-v-65234585],p[data-v-65234585]{overflow:hidden;white-space:nowrap;border-right:.05em solid}.typing[data-v-65234585]{display:block;-webkit-animation:typing-data-v-65234585 3s steps(35),caret-data-v-65234585 1s steps(1) infinite;animation:typing-data-v-65234585 3s steps(35),caret-data-v-65234585 1s steps(1) infinite}.text[data-v-65234585]{text-align:center;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.dos[data-v-65234585]{text-align:left}.icon[data-v-65234585]{width:1.4em;height:1.4em;vertical-align:-.25em;fill:currentColor;overflow:hidden}.icon-box[data-v-65234585]{position:relative;left:5px;background:#000;width:20px}.dos[data-v-65234585]{width:60vw;height:60vh;border:1px solid #000;color:#f5f5f5;background:#000}.header[data-v-65234585]{background:#f5f5f5;color:#000;height:50px;width:calc(100% - 10px);line-height:50px;text-align:left;padding-left:10px}.fade-enter-active[data-v-65234585],.fade-leave-active[data-v-65234585]{-webkit-transition:all 1s;transition:all 1s}.fade-enter[data-v-65234585],.fade-leave-to[data-v-65234585]{opacity:0}.disappear[data-v-65234585]{display:none}