spotty-letters实现文本文字斑马纹理填充效果代码
代码语言:html
所属分类:布局界面
代码描述:spotty-letters实现文本文字斑马纹理填充效果代码
代码标签: spotty-letters 文本 文字 斑马 纹理 填充
下面为部分代码预览,完整代码请点击下载或在bfwstudio webide中打开
<!DOCTYPE html> <html lang="en" > <head> <meta charset="UTF-8"> <style> @property --spot-color { syntax: '<color>'; initial-value: black; inherits: false; } @property --spot-bg-color { syntax: '<color>'; initial-value: white; inherits: false; } @property --spot-size { syntax: '<number>'; initial-value: 5; inherits: false; } @property --spot-seed { syntax: '<number>'; initial-value: 6; inherits: false; } html { background: #333333; font-family: sans-serif; } body { display: flex; align-content: center; height: 100vh; background: paint(spotty-letters); --spot-bg-color: #333; --spot-color: #444; --spot-size: 20; --spot-seed: 6; } div { flex: .........完整代码请登录后点击上方下载按钮下载查看
网友评论0