/* Для ховер-эффекта по контуру SVG */ .svg-element { transition: all 0.3s ease; filter: drop-shadow(0 0 5px #your-color); } .svg-element:hover { filter: drop-shadow(0 0 10px #your-color) drop-shadow(0 0 20px rgba(255,255,255,0.8)); stroke-width: 2px; stroke: #your-color; } /* Альтернативный вариант с обводкой */ .svg-element path, .svg-element circle, .svg-element rect { transition: stroke 0.3s ease; } .svg-element:hover path, .svg-element:hover circle, .svg-element:hover rect { stroke: #your-color; stroke-width: 2px; fill-opacity: 0.8; }