Плавное обтекание svg

247
17 октября 2017, 02:22

Есть вот такая свгшка, как сделать так чтобы, допустим при клике давался класс на свг и она плавно обтекала сверху слоем, который сейчас просто на ней? То есть изначально слоя нет, а при клике он сверху вытекает.

<?xml version="1.0" encoding="utf-8"?> 
				<!-- Generator: Adobe Illustrator 21.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  --> 
				<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" 
					 viewBox="0 0 238 158" style="enable-background:new 0 0 238 158;" xml:space="preserve"> 
				<style type="text/css"> 
					.st0{fill:#91979F;} 
					.st1{font-family:'EtelkaProLight';} 
					.st2{font-size:190px;} 
					.st3{filter:url(#Adobe_OpacityMaskFilter);} 
					.st4{mask:url(#SVGID_1_);} 
					.st5{fill:#C1C5CB;} 
				</style> 
				<g> 
					<text transform="matrix(1 0 0 1 1 145)" class="st0 st1 st2">60</text> 
				</g> 
				<defs> 
					<filter id="Adobe_OpacityMaskFilter" filterUnits="userSpaceOnUse" x="1" y="-16.2" width="236.2" height="210.5"> 
						<feFlood  style="flood-color:white;flood-opacity:1" result="back"/> 
						<feBlend  in="SourceGraphic" in2="back" mode="normal"/> 
					</filter> 
				</defs> 
				<mask class="mask-st3" maskUnits="userSpaceOnUse" x="1" y="-16.2" width="236.2" height="210.5" id="SVGID_1_"> 
					<g class="st3"> 
						<polygon points="32,153 218,-11 267,-9 246,173 113,210 22,158 		"/> 
					</g> 
				</mask> 
				<g class="st4"> 
					<g> 
						<text transform="matrix(1 0 0 1 1 145)" class="st5 st1 st2">60</text> 
					</g> 
				</g> 
				</svg>

READ ALSO
Непонятный сдвиг влево bootstrap 4

Непонятный сдвиг влево bootstrap 4

Установил bootstrap 4Заметил что есть сдвиг влево

268
Центрирование блока с дивами на флоате [требует правки]

Центрирование блока с дивами на флоате [требует правки]

В современных браузерах код ниже работает великолепно, однако на ie11, происходят баги с main'ом, в чем может быть причина??

206
Где хранить фото? [требует правки]

Где хранить фото? [требует правки]

Сайт создаётся для фотоотчетов, фотографий будет многоЗагружать по одному на сайт не удобно и очень долго

304