效果类（如何实现xxx)
4篇文章 · 0订阅
  • CSS 实现多行文本“展开收起”
    多行文本展开收起是一个很常见的交互， 如下图演示 实现这一类布局和交互难点主要有以下几点 位于多行文本右下角的“展开收起”按钮 “展开”和“收起”两种状态的切换 当文本不超过指定行数时，不显示“展开收
    CSS
    CSS 实现多行文本“展开收起”
  • 一个切换夜间模式的组件
    个人网站，你要是没有切换夜间模式的功能，就感觉少点啥。无论是CSS方案，还是JS+CSS方案，你都得有一个按钮吧😝最近我也是完善网站功能的时候，想整一个花里胡哨的按钮。
    前端 CSS
    一个切换夜间模式的组件
  • 实现一个自定义滚动条
    首先，我们先把需要实现的功能先确定下来。鼠标左键点击可以拖动鼠标滑轮滚动内容发生变化，自动更新滚动条长度提供开发者一个滚动回调的接口前面两点依靠原生滚动条其实比较简单，但是在第三点上实在是卡了我好久，
    前端 Vue.js JavaScript
  • 2020更新，Vue仿探探拖拽卡片的效果
    类似Tinder和探探的卡片效果的组件，社区中已经非常多了。我这一版除了可以实现和他们一样的效果外。还增加了飞卡的效果，就是类似我的女神邱淑贞这样。 其实我最早实现这个效果，是在2018年的时候，在weex上实现过一版。原帖请看这里：https://zhuanlan.zhihu…
    Vue.js 前端
    2020更新，Vue仿探探拖拽卡片的效果