V
主页
京东 11.11 红包
前端美学:磨砂玻璃效果与网格布局的完美结合
发布人
今天,我要分享一个超级酷炫的前端技巧 —— 如何使用 CSS 网格布局和磨砂玻璃效果,打造一个视觉冲击的图片卡片设计。🎨 🔍 我们将深入探索网格布局的强大功能,看看如何精确控制每个元素的位置和大小,实现图文重叠的独特效果。然后,我会向你展示如何用 backdrop-filter 属性添加令人惊艳的磨砂玻璃效果,提升整个设计的美感和文字的可读性。 不仅如此,我还会分享一些小技巧和细节处理,帮助你在设计中更好地运用这些技术。无论你是前端新手还是想要提升自己设计技巧的老手,这个视频不容错过
打开封面
下载高清视频
观看高清视频
视频下载器
聊一聊网格布局的应用场景
用Grid布局制造魔法:打造你的网页设计
轻松掌握CSS Flex布局 align-items属性
分享三招教你轻松水平居中div
轻松搞定页面布局!Flexbox自动边距的魔法
掌握Flex布局,打造响应式网页
用CSS网格布局打造响应式网站
CSS BEM命名法:前端开发者必备技能
聊一聊自定义网格布局
两个好用的vscode插件【渡一教育】
聊一聊align-content属性的魅力
鼠标悬停图片放大旋转,新手也能轻松上手
3个VS Code小技巧,提升你的效率到飞起⚡
Sass:优雅的CSS编写方式
理解CSS渐变:轻松美化网页背景
轻松掌握响应式网格布局(Grid Layout)
网格拼图大师:揭秘 CSS grid-area 的布局艺术
分享一个常见的网站下拉导航菜单示例
CSS实战技巧:鼠标悬停效果,给不被悬停的头像加灰滤镜
文字逐现与扫光魔法:打造炫酷网页的 CSS 动效秘籍
CSS魔法:用线性渐变创造炫酷网页背景
打造超炫网页卡片效果,初学者也能轻松掌握
今早给大家带来一个常用布局的小技巧,关于文字在图片的居中布局,我们一般会用 position定位布局,今天你还可以尝试本视频的网格布局 Grid的小技巧
巧用CSS选择器,让网页炫酷不费力(二)
CSS中的Calc()函数:灵活响应式布局的秘密技巧🤩
简洁实用:教你如何优雅地实现Checkbox与文本的垂直居中对齐
前端新手入门案例:打造专属个性化音乐播放器
如何利用clamp()函数实现自适应?
小球上下平滑运动的秘密:正弦波的魔法
左滑惊喜:轻松打造动态网页卡片效果
堆叠布局练习:一步步打造App订阅界面
提升前端性能,为什么我弃用 useEffect 转向 React Query
Day.js,轻松搞定UTC日期时间转换
分享一个炫酷网站导航栏和动画背景源码
【完结】Vue3最新源码剖析,通俗易懂,快速上手
光标移动 + 卡片悬停效果 | 源码下载
Babylon.js 有人用过吗,都7.0了,看了宣传片很震撼
玩转前端技巧,用CSS滤镜让网页更炫酷
前端面试:箭头函数的 this 在运行时绑定还是定义时绑定?如何确定箭头函数的 this?
纯CSS图片悬停效果