svg熊猫图像徽章效果代码

代码语言:html

所属分类:布局界面

代码描述:svg熊猫图像徽章效果代码

代码标签: svg 熊猫 图像 徽章

下面为部分代码预览,完整代码请点击下载或在bfwstudio webide中打开


<!DOCTYPE html>
<html lang="en" >

<head>

 
<meta charset="UTF-8">
 

 
 
 
<style>
body
{
 
display: flex;
 
min-height: 100vh;
 
place-content: center;
 
background-color: #ddd;
}
svg
{
 
max-height: 90vh;
 
max-width: 90vw  
}
</style>



</head>

<body translate="no" >
 
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve" id="svg5" version="1.1" viewBox="0 0 93.8 101.5">
 
<defs id="defs2">
   
<radialGradient xlink:href="#linearGradient8594" id="radialGradient8598" cx="176.2" cy="130.7" r="3.4" fx="176.2" fy="130.7" gradientTransform="matrix(1.8474 -.33182 .0605 .33685 -157.2 145.9)" gradientUnits="userSpaceOnUse"/>
   
<radialGradient xlink:href="#linearGradient8663" id="radialGradient8665" cx="175.4" cy="127.8" r="6.8" fx="175.4" fy="127.8" gradientTransform="matrix(.99762 -.06892 .06404 .92705 -7.8 20.3)" gradientUnits="userSpaceOnUse"/>
   
<radialGradient xlink:href="#linearGradient8953" id="radialGradient8955" cx="169.9" cy="126.6" r=".4" fx="169.9" fy="126.6" gradientTransform="matrix(1.4285 0 0 .62689 -190.6 130.3)" gradientUnits="userSpaceOnUse"/>
   
<radialGradient xlink:href="#linearGradient8953" id="radialGradient8961" cx="169.9" cy="126.6" r=".4" fx="169.9" fy="126.6" gradientTransform="matrix(1.54833 0 0 .64426 -172 118.6)" gradientUnits="userSpaceOnUse"/>
   
<linearGradient id="linearGradient8953">
     
<stop id="stop8949" offset="0" stop-color="#fff" stop-opacity="1"/>
     
<stop id="stop8951" offset="1" stop-color="#fff" stop-opacity="0"/>
   
</linearGradient>
   
<linearGradient id="linearGradient8663">
     
<stop id="stop8659" offset="0" stop-color="#e5e5e5" stop-opacity="1"/>
     
<stop id="stop8661" offset="1" stop-color="#ccc" stop-opacity="0"/>
   
</linearGradient>
   
<linearGradient id="linearGradient8594">
     
<stop id="stop8590" offset="0" stop-color="#d8d8d8" stop-opacity="1"/>
     
<stop id="stop8592" offset="1" stop-color="#fff" stop-opacity="0"/>
   
</linearGradient>
   
<filter id="filter4098" width="1.1" height="1.1" x="0" y="0" color-interpolation-filters="sRGB">
     
<feFlood id="feFlood4088" flood-color="#000" flood-opacity=".5" result="flood"/>
     
<feComposite id="feComposite4090" in="flood" in2="SourceGraphic" operator="in" result="composite1"/>
     
<feGaussianBlur id="feGaussianBlur4092" in="composite1" result="blur" stdDeviation="1.6"/>
     
<feOffset id="feOffset4094" dx="2" dy="2" result="offset"/>
     
<feComposite id="feComposite4096" in="SourceGraphic" in2="offset" operator="over" result="composite2"/>
   
</filter>
 
</defs>
 
<g id="layer1" display="inline" transform="translate(-217.2 -75.7)">
   
   
<g id="g15449" fill-opacity="1" stroke-linecap="square" filter="url(#filter4098)" transform="translate(85.8 33.5)">
      <ellipse id="pa.........完整代码请登录后点击上方下载按钮下载查看

网友评论0