css
6篇文章 · 0订阅
  • 🤡什么鬼？两行代码就能适应任何屏幕？
    你可能想不到，只用两行 CSS，就能让你的卡片、图片、内容块自动适应各种屏幕宽度，彻底摆脱复杂的媒体查询！ 秘诀就是 CSS Grid 的 auto-fill 和 auto-fit。 马上教你用！✨
    前端
    🤡什么鬼？两行代码就能适应任何屏幕？
  • CSS scroll-snap-type：让滚动定位精准如 “自动吸附” 的魔法
    在浏览图片画廊、幻灯片或长列表时，你是否遇到过这样的烦恼：想让内容恰好停在屏幕正中央，却总要反复拖动滚动条调整位置？或者滑动轮播图时，图片总是歪歪扭扭地停在边缘？
    前端 CSS
    CSS scroll-snap-type：让滚动定位精准如 “自动吸附” 的魔法
  • Vue实现一个“液态玻璃”效果登录卡片
    Vue实现一个“液态玻璃”效果登录卡片 效果介绍 液态玻璃（Liquid Glass）是一种极具现代感的UI视觉风格，常见于高端网站和操作系统界面。它通过多层叠加、模糊、光泽、滤镜等技术，模拟出玻璃的
    前端 CSS Vue.js
    Vue实现一个“液态玻璃”效果登录卡片
  • 别再用 100vh 了！移动端视口高度的终极解决方案
    作为一名前端开发者，我们一定都遇到过这样的需求：实现一个占满整个屏幕的欢迎页、弹窗蒙层或者一个 fixed 定位的底部菜单。 直觉告诉我们，这很简单，给它一个 `height: 100vh` 就行了
    前端 CSS HTML
    别再用 100vh 了！移动端视口高度的终极解决方案
  • CSS砌体布局：颠覆你认知的最疯狂的CSS最强布局🤡，一行代码解决布局问题！
    事情起因是这样的，大家在刷抖音，小红书等短视频平台、发现他们的布局是这样的瀑布流布局。 反应是瀑布流，怎么做呢？我们第一反应是flex，grid？是的这是大部分人的固态思维 我认为这极为麻烦，因为你甚
    前端 CSS JavaScript
    CSS砌体布局：颠覆你认知的最疯狂的CSS最强布局🤡，一行代码解决布局问题！
  • 请收下这72个炫酷的CSS技巧
    CSS是一门很特殊的语言，不像一般的编程语言那样需要抽象的思维和严密的逻辑，它真正需要的是想象力——将你脑中所想的意象用代码来表现出来。那么意象又是如何产生的呢？最常用的方法就是探索和观察。举个例子，笔者平时热爱看番，每看到有意思的场景画面总会下意识地记录下来，这对动画创作会非…
    CSS
    请收下这72个炫酷的CSS技巧