Toggle navigation
☰
HTML
CSS
Scripting
Database
<!DOCTYPE html> <title>My Example</title> <svg width="300" height="150" style="margin: auto; display: block;" xmlns="http://www.w3.org/2000/svg"> <defs> <!-- A drop shadow filter --> <filter id="dropShadow" x="-20%" y="-20%" width="140%" height="140%"> <feDropShadow dx="4" dy="4" stdDeviation="6" flood-color="rgba(0,0,0,0.4)" /> </filter> <!-- A blur filter --> <filter id="blur"> <feGaussianBlur stdDeviation="6" /> </filter> </defs> <!-- Shape with drop shadow --> <rect x="20" y="30" width="100" height="90" rx="10" fill="gold" filter="url(#dropShadow)" /> <!-- Shape with blur --> <circle cx="220" cy="75" r="50" fill="limegreen" filter="url(#blur)" /> </svg>
