html5 文字逐渐显示 CSS3 animation:steps 逐段逐行显示文本字符串

CSS

语言：

CSSSCSS

确定

@import url(/css?family=PT+Mono|Droid+Sans+Mono|Share+Tech+Mono);

body {

margin: 100px;

margin-top: 100px;

background-color: #334;

}

.foo {

overflow: hidden;

margin: 1.5em auto;

width: 20em;

height: 1em;

}

.boo0:before {

display: block;

font: 1em/1 sans-serif;

color: #eef;

font-family: Share Tech Mono, sans-serif;

content: "------------------------------ MM478CX4CX6I3M3QQOOO9PC2TWHVO JCTQHIZ3UVMP4PF9NKKOJWBGYEN58 TR8N0LR61CJJ1YZJHMODTBYOD8BKU GJ03UTTDW223N7TNPQ17WD82DCIY4 4ULGCTP9DPCPC93LCB79U2FY4DOUP 5L4GCTTWCJLGNUNHE9MX8GOZ8MN6D FLJTXT5Z-BAI01U5QZDZWOO6FPSB9 FLT5KT---BAE01S-2QFRO7TZ4UYDW FL1XRT---BA401R-V3UB2GOBTZ1L6 FL1WXT---BA401K--DUBPI3--EIR4