Home » 2016 » September (page 4)

Monthly Archives: September 2016

text-spinners

A clever idea for text-based spinners in CSS. You set the “keyframes” in the content, and cycle through them by moving the line of text to the left in the actual keyframes. <button>Loading <span class="loading"></span></button> .loading.bar2::after { content: "▁A▂A▃A▄A▅A▆A▇A█"; animation: spin8 2s steps(8) infinite alternate; } @keyframes spin8 { to { transform: translateY(-12.0em); } } This is a whole repo ...

Read More »

Powered by WP Robot