path
в конце, а иначе эффекта «приподнятия» не будет.<svg>
<filter id="dropShadow">
<feGaussianBlur in="SourceAlpha" stdDeviation="5" />
<feOffset dx="10" dy="10" />
<feMerge>
<feMergeNode />
<feMergeNode in="SourceGraphic" />
</feMerge>
</filter>
</svg>
svg path:hover {
transform: translate(-10px,-10px);
filter: url(#dropShadow);
transition: transform .1s;
}
* {
zoom: 0.5;
-ms-zoom: 0.5;
-webkit-zoom: 0.5;
-moz-transform: scale(0.5,0.5);
-moz-transform-origin: left center;
}
<div class="circle">37%</div>