masked-3d-transform.html (993B)
1 <style> 2 svg, 3 svg * { 4 perspective: 1000px; 5 } 6 </style> 7 <svg style="max-width: 176px;" viewBox="0 0 279 169"> 8 <g transform="translate(-2.000000, -2.000000)"> 9 <g mask="url(#mask-2)"> 10 <g transform="translate(19.000000, 22.000000)"> 11 <g fill="#FFFFFF"> 12 <path d="M43,2.3 C41,2.3 39.9,3.3 39.9,5.6 L39.9,12.4 C39.9,14.7 41,15.7 43.1,15.7 C45.7,15.7 45.9,14.1 46.1,13 C46.1,12.7 46.4,12.4 46.8,12.4 C47.3,12.4 47.5,12.6 47.5,13.3 C47.5,15.3 45.8,17 42.9,17 C40.4,17 38.4,15.7 38.4,12.3 L38.4,5.5 C38.4,2.1 40.5,0.9 43,0.9 C45.9,0.9 47.5,2.6 47.5,4.5 C47.5,5.2 47.3,5.4 46.8,5.4 C46.3,5.4 46.1,5.2 46.1,4.9 C46.1,4 45.6,2.3 43,2.3 L43,2.3 Z"></path> 13 </g> 14 </g> 15 <ellipse fill="#000000" cx="157.9" cy="162.1" rx="157.9" ry="4.3"></ellipse> 16 </g> 17 </g> 18 </svg>