Animated loading html&css only

html & css goodies for your animated loading icons
@keyframes heartbeat { 0% { transform: scale( .75 ); } 20% { transform: scale( 1 ); } 40% { transform: scale( .75 ); } 60% { transform: scale( 1 ); } 80% { transform: scale( .75 ); } 100% { transform: scale( .75 ); } } div { border-width: 1px; border-color: red; border-radius: 50%; border-style: dotted; padding: 5px; animation: heartbeat 4s infinite; display: inline-flex; align-items: center; justify-content: center; }