|
|
|
@ -475,19 +475,19 @@ body .dis_before:nth-child(5):before {
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
.dotting {
|
|
|
|
|
display: inline-block; width: 10px; min-height: 2px;
|
|
|
|
|
padding-right: 2px;
|
|
|
|
|
border-left: 2px solid currentColor; border-right: 2px solid currentColor;
|
|
|
|
|
display: inline-block; width: 18px; min-height: 4px;
|
|
|
|
|
padding-right: 3px;
|
|
|
|
|
border-left: 4px solid currentColor; border-right: 4px solid currentColor;
|
|
|
|
|
background-color: currentColor; background-clip: content-box;
|
|
|
|
|
box-sizing: border-box;
|
|
|
|
|
animation: dot 2s infinite step-start both;
|
|
|
|
|
}
|
|
|
|
|
.dotting:before { content: '...'; } /* IE8 */
|
|
|
|
|
.dotting:before { content: '.....'; } /* IE8 */
|
|
|
|
|
.dotting::before { content: ''; }
|
|
|
|
|
:root .dotting { margin-left: 2px; padding-left: 2px; } /* IE9+ */
|
|
|
|
|
:root .dotting { margin-left: 3px; padding-left: 3px; } /* IE9+ */
|
|
|
|
|
|
|
|
|
|
@keyframes dot {
|
|
|
|
|
25% { border-color: transparent; background-color: transparent; } /* 0个点 */
|
|
|
|
|
25% { border-color: transparent; background-color: transparent;} /* 0个点 */
|
|
|
|
|
50% { border-right-color: transparent; background-color: transparent; } /* 1个点 */
|
|
|
|
|
75% { border-right-color: transparent; } /* 2个点 */
|
|
|
|
|
}
|
|
|
|
|