CSS Spinner GeneratorGenerate CSS loading spinners and animated loaders with customizable styles.

CSS spinners use @keyframes animations to create continuous motion. The border spinner technique uses a circular element with a transparent border on most sides and a colored border on one side, then rotates it 360 degrees. The dots animation uses scale transforms to create a bouncing effect with staggered animation-delay. The pulse animation scales an element from 0 to 1 while fading opacity. All animations use animation: name duration timing-function iteration-count. Setting iteration-count to infinite ensures continuous looping. The animation-timing-function (ease, linear, ease-in-out) controls the speed curve. For accessibility, add role="status" and an aria-label to spinners. Consider using prefers-reduced-motion media query to disable or reduce animations for users who prefer reduced motion.