react-pulse-dot
Version:
A simple pulsating dot for reactjs
37 lines (31 loc) • 853 B
CSS
._3L0l- {
display: inline-table;
width: 2em;
}
._37Mna {
-webkit-animation: _3qJ2z 1.25s cubic-bezier(0.455, 0.03, 0.515, 0.955) -.4s infinite;
animation: _3qJ2z 1.25s cubic-bezier(0.455, 0.03, 0.515, 0.955) -.4s infinite;
vertical-align: middle;
margin-left: -1.5em;
}
._1gVK0 {
-webkit-animation: _ye7yg 1.25s cubic-bezier(0.215, 0.61, 0.355, 1) infinite;
animation: _ye7yg 1.25s cubic-bezier(0.215, 0.61, 0.355, 1) infinite;
vertical-align: middle;
}
@-webkit-keyframes _ye7yg {
0% { transform: scale(.5); }
80%, 100% { opacity: 0; }
}
@keyframes _ye7yg {
0% { transform: scale(.5); }
80%, 100% { opacity: 0; }
}
@-webkit-keyframes _3qJ2z {
0%, 100% { transform: scale(1); }
50% { transform: scale(1.1); }
}
@keyframes _3qJ2z {
0%, 100% { transform: scale(1); }
50% { transform: scale(1.1); }
}