2017-01-11 21:55:38 +01:00
|
|
|
<mk-ellipsis-icon>
|
|
|
|
<div></div>
|
|
|
|
<div></div>
|
|
|
|
<div></div>
|
2017-02-19 04:31:53 +01:00
|
|
|
<style>
|
2017-01-11 21:55:38 +01:00
|
|
|
:scope
|
|
|
|
display block
|
|
|
|
width 70px
|
|
|
|
margin 0 auto
|
|
|
|
text-align center
|
|
|
|
|
|
|
|
> div
|
|
|
|
display inline-block
|
|
|
|
width 18px
|
|
|
|
height 18px
|
|
|
|
background-color rgba(0, 0, 0, 0.3)
|
|
|
|
border-radius 100%
|
|
|
|
animation bounce 1.4s infinite ease-in-out both
|
|
|
|
|
|
|
|
&:nth-child(1)
|
|
|
|
animation-delay 0s
|
|
|
|
|
|
|
|
&:nth-child(2)
|
|
|
|
margin 0 6px
|
|
|
|
animation-delay 0.16s
|
|
|
|
|
|
|
|
&:nth-child(3)
|
|
|
|
animation-delay 0.32s
|
|
|
|
|
|
|
|
@keyframes bounce
|
|
|
|
0%, 80%, 100%
|
|
|
|
transform scale(0)
|
|
|
|
40%
|
|
|
|
transform scale(1)
|
|
|
|
|
|
|
|
</style>
|
|
|
|
</mk-ellipsis-icon>
|