css
5篇文章 · 0订阅
  • CSS如何实现自适应高度的展开收起过渡动画效果？
    想要实现一个可以展开收起的效果并不难，直接用`display: none;`就能完成，但这种方法并不能实现过渡动画效果，想要实现过渡效果必须是属性值的变化，比如`height`从0到自身最大高度，除了
    前端 CSS
    CSS如何实现自适应高度的展开收起过渡动画效果？
  • 17 行 CSS 实现骨架屏 loading
    前言 现代 UI 设计中，会使用各式各样的加载样式来减少用户的 loading 状态焦虑，最常见的如 转圈的小菊花、虚假的进度条以及 炫酷的小动画。除了这三种最常见的 web 端加载，还有一种加载动画
    前端 CSS Vue.js
    17 行 CSS 实现骨架屏 loading
  • 我：偷偷告诉你，我们项目里的进度条，全都是假的！🤣 产品：？？？😲
    假进度条需求调研，简单研究一下 NProgress 和 fake-progress，再自己手动封装一个自定义 hook
    前端 JavaScript React.js
    我：偷偷告诉你，我们项目里的进度条，全都是假的！🤣 产品：？？？😲
  • 一文读懂 UnoCSS：手牵手入门教程
    〔1〕背景 公司准备对之前的一个非前后端分离项目进行UI的全面改版，借此机会直接使用vue3对项目进行全面改造。但是页面非常之多，光是写样式想想就头疼。于是就在探寻一些可以简化样式开发的方案。
    前端 CSS JavaScript
    一文读懂 UnoCSS：手牵手入门教程
  • 如何用一行 CSS 分别实现 10 种现代布局？
    周日在家看 web.dev 的 2020 三天 live，发现不少有意思的东西，其中有一项是关于 CSS 的，主播是 Una Kravets（chrome team 成员）。虽然我已经好几个月没有深入研究 CSS 的东西了，不过以前的底子还在（有兴趣的可以看我一年前发布的关于 …
    CSS
    如何用一行 CSS 分别实现 10 种现代布局？