Toggle navigation
☰
HTML
CSS
Scripting
Database
<!DOCTYPE html> <html> <head> <style> body { font-family: Arial, sans-serif; } .box { width: 250px; height: 250px; margin: 20px; border-radius: 50%; display: flex; justify-content: center; align-items: center; color: white; font-weight: bold; text-shadow: 1px 1px 2px rgba(0,0,0,0.5); } /* Radial gradient at the center */ .radial-center { background-image: radial-gradient(circle, #ff9a9e, #fecfef); } /* Offset radial gradient */ .radial-offset { background-image: radial-gradient(at 30% 30%, #a18cd1, #fbc2eb); } </style> </head> <body> <div class="box radial-center">Centered Shape</div> <div class="box radial-offset">Offset Highlight</div> </body> </html>
