svg+css实现黑色橡胶表面纹理背景效果代码
代码语言:html
所属分类:背景
代码描述:svg+css实现黑色橡胶表面纹理背景效果代码
下面为部分代码预览,完整代码请点击下载或在bfwstudio webide中打开
<!DOCTYPE html> <html lang="en" > <head> <meta charset="UTF-8"> <style> svg{ position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); height:100%; width:100%; } </style> </head> <body > <svg xmlns="http://www.w3.org/2000/svg"> <filter id="blur"> <feGaussianBlur stdDeviation="1" /> </filter> <pattern id="rubber" width="200" height="200" patternUnits="userSpaceOnUse"> <g filter="url(#blur)" fill="#111"> <circle cx="100" cy="102" r="40" /> <circle cx="200" cy="202" r="40" /> <circle cx="0" cy="202" r="40" /> <circle cx="0" cy="2" r="40" /> <circle cx="200" cy="2" r="40" /> </g> <g filter="url(#blur)&qu.........完整代码请登录后点击上方下载按钮下载查看
网友评论0