svg红色格子桌布背景效果代码
代码语言:html
所属分类:背景
代码描述:svg红色格子桌布背景效果代码
下面为部分代码预览,完整代码请点击下载或在bfwstudio webide中打开
<!DOCTYPE html> <html lang="en" > <head> <meta charset="UTF-8"> <style> body { margin: 0 auto; } svg { height: 100%; width: 100%; position:absolute; } </style> </head> <body > <svg xmlns="http://www.w3.org/2000/svg"> <filter id="blur"> <feGaussianBlur stdDeviation="1" /> </filter> <linearGradient id='v' gradientTransform="rotate(30)" spreadMethod="repeat" x1="0%" x2="1.117%"> <stop offset='0%' stop-color='#000' stop-opacity='1' /> <stop offset='25%' stop-color='#000' stop-opacity='0' /> <stop offset='50%' stop-color='#000' stop-opacity='1' /> <stop offset='75%' stop-color='#000' stop-opacity='0' /> <stop offset='100%' stop-color='#000' stop-opacity='1' /> </linearGradient> <linearGradient id='h' gradientTransform="rotate(-60)" spreadMethod="repeat" x1="0%" x2="1.117%"> <stop offset='0%' stop-color='#000' stop-opacity='1' /> <stop offset='25%' stop-color='#000' stop-opacity='0' /> <stop offset='50%' stop-color='#000' stop-opacity='1' /> <stop offset='75%' stop-color='#000' stop-opacity='0' /> <stop offset='100%' stop-color='#000' stop-o.........完整代码请登录后点击上方下载按钮下载查看
网友评论0