随笔- 78 文章- 0 评论- 1 阅读- 13288

毛玻璃效果

1.毛玻璃效果2024-03-31

 .login-form {
    padding: 20px 60px;
    background-color: rgba(255, 255, 255, 0.6);
    border-radius: 8px;
    /* box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.1);  水平偏移量 垂直偏移量 模糊半径 阴影颜色 */
    backdrop-filter: blur(5px);
    -weblit-backdrop-filter: blur(5px); /*  兼容某些浏览器 */
}

posted @ 2024-03-31 05:28 徐徐丶阅读(11) 评论(0) 编辑收藏举报

刷新页面返回顶部

登录后才能查看或发表评论，立即登录或者逛逛博客园首页

相关博文：

· 深度选择器

· css心得

· 毛玻璃效果

· css制作毛玻璃效果

阅读排行：
· TypeScript + Deepseek 打造卜卦网站：技术与玄学的结合
· 阿里巴巴 QwQ-32B真的超越了 DeepSeek R-1吗？
· 如何调用 DeepSeek 的自然语言处理 API 接口并集成到在线客服系统
· 【译】Visual Studio 中新的强大生产力特性
· 2025年我用 Compose 写了一个 Todo App

公告

昵称：徐徐丶
园龄： 1年2个月
粉丝： 0
关注： 0

+加关注

2025年3月

日

一

二

三

四

五

六

合集

随笔档案

阅读排行榜

评论排行榜

1. 关于post、get、put、delete的区别(1)

twinkler

毛玻璃效果

公告

搜索

常用链接

合集

随笔档案

阅读排行榜

评论排行榜

最新评论

	.login-form {
	padding: 20px 60px;
	background-color: rgba(255, 255, 255, 0.6);
	border-radius: 8px;
	/* box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.1); 水平偏移量垂直偏移量模糊半径阴影颜色 */
	backdrop-filter: blur(5px);
	-weblit-backdrop-filter: blur(5px); /* 兼容某些浏览器 */
	}