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-opa.........完整代码请登录后点击上方下载按钮下载查看

网友评论0