svg熊猫图像徽章效果代码
代码语言:html
所属分类:布局界面
代码描述: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