Toggle navigation
☰
HTML
CSS
Scripting
Database
<!DOCTYPE html> <html> <head> <style> body { font-family: Arial, sans-serif; } .gradient-box { width: 100%; height: 200px; margin-bottom: 20px; color: white; display: flex; justify-content: center; align-items: center; font-size: 24px; font-weight: bold; text-shadow: 1px 1px 2px rgba(0,0,0,0.5); border-radius: 10px; } /* Simple vertical linear gradient */ .linear-simple { background-image: linear-gradient(to bottom, #4facfe, #00f2fe); } /* Linear gradient with an angle */ .linear-angled { background-image: linear-gradient(135deg, #f093fb 0%, #f5576c 100%); } </style> </head> <body> <div class="gradient-box linear-simple">Simple Linear Gradient</div> <div class="gradient-box linear-angled">Angled Linear Gradient (135deg)</div> </body> </html>
