<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>CSS 3.0实现泼墨画</title> <style> * { margin: 0; padding: 0; box-sizing: border-box; } section { position: relative; width: 100%; min-height: 100vh; background: url(bg.jpg); background-size: cover; } section::before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: url(splash.jpg); background-position: center; mix-blend-mode: screen; background-size: 2200px; } </style></head><body> <section></section></body></html>
CSS 3.0实现泼墨画
标签:
评论者:[[ schemeInfo.user.username ]]
评论内容:[[ schemeInfo.pbody ]]
评论时间:[[ schemeInfo.ptime ]]
发表你的评论:
提交评论
上一篇:
CSS 3.0实现落叶飘飞动画特效
下一篇:
如何用CSS画一个五角星