svg+css通过filter实现A4纸张背景纹理边框效果代码
代码语言:html
所属分类:背景
代码描述:svg+css通过filter实现A4纸张背景纹理边框效果代码
代码标签: svg css 通过 filte 纸张 背景 纹理 边框 A4
下面为部分代码预览,完整代码请点击下载或在bfwstudio webide中打开
<!DOCTYPE html> <html lang="en" > <head> <meta charset="UTF-8"> <style> @import url("https://fonts.googleapis.com/css2?family=Pirata+One&display=swap"); body { background: #eee; font-family: Times; font-size: 1.2rem; color: #222; } h1, button { font-family: "Pirata One", system-ui; color: #000; } button { font-size: 1.2rem; color: #c00; } p:first-letter { font-size: 3rem; line-height: 2.6rem; font-weight: bold; color: #c00; margin-right: 0.1rem; vertical-align: bottom; } #wrap { margin: 4rem auto; max-width: 25rem; padding: 1rem; } #paper { position: relative; padding: 2em 4rem; } #paper:after { content: " "; position: absolute; z-index: -1; width: 100%; top: 0; bottom: 0; left: 0; right: 0; box-shadow: 0px 0px 0px 1px #fff, 1rem 1rem 8rem #ccc inset; background: #fff; filter: url(#waves); } &.........完整代码请登录后点击上方下载按钮下载查看
网友评论0