Simple Loader Animation Using Only CSS

By: Paypal August 4, 2025 Web Development

Description

A lightweight, spinning loader that requires no JavaScript — just pure CSS

Code Snippet

<style>
.loader {
  border: 4px solid #f3f3f3;
  border-top: 4px solid #333;
  border-radius: 50%;
  width: 40px;
  height: 40px;
  animation: spin 1s linear infinite;
}
@keyframes spin {
  to { transform: rotate(360deg); }
}
</style>

<div class="loader"></div>

Discussion (0)