<!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <style type="text/css"> .content { color:#ffffff; font-size:40px; } .bg { background:url('图片.jpg'); height:600px; text-align:center; line-height:600px; } .blur { float:left; width:100%; background-repeat:no-repeat; background-position:center; background-size:cover; //模糊 -webkit-filter:blur(15px); -moz-filter:blur(15px); -o-filter:blur(15px); -ms-filter:blur(15px); filter:blur(15px); } .front { position:absolute; left:10px; right:10px; height:600px; line-height:600px; text-align:center; } </style> </head> <body> <p> <p class="bg blur"></p> <p class="content front">我模糊，我骄傲！</p></p> </p> </body> </html>
span点击事件后实现点击事件禁用（类似按钮disabeld方法）
标签： css
上面是“css3实现模糊背景，内容清晰”的全面内容，想了解更多关于 前端知识 内容，请继续关注web建站教程。
当前网址：https://ipkd.cn/webs_2203.html
workflows工作流
一位身穿金色铠甲的美丽女子守卫在寺庙外
一种长着彩虹翅膀的虫子comfyui工作流
泰坦尼克号桌面壁纸上ComfyUI工作流
一个十几岁的美国女孩穿着黄色连帽衫在黑暗和空虚的背景下闲逛
一座生动的点彩主义灯塔ComfyUI工作流
一朵在晨光中带着露珠的蓝玫瑰
一个穿绿衣服国风古典女孩
一幅以霓虹灯照亮的城市天际线和未来主义画
猜你喜欢
会议人员60s签到倒计时插件
自动打字效果(惊喜在后面)
利用css3做一个动态loading效果
js导出excel插件（兼容mac电脑Numbers表格）
做一个好玩的时钟翻牌效果
css3+js菜单点击动态效果
SVG路径动画效果
barcode条形码/qrcode二维码兼容所有浏览器(含ie6/ie7/ie8)声明：本站提供的所有资源部分来自互联网，如果有侵犯您的版权或其他权益，请发送到邮箱：admin@ipkd.cn，我们会在看到邮件的第一时间内为您处理！
