css
3篇文章 · 0订阅
  • CSS 实现自适应文本的头像
    Ant-design 中有一个这样的头像组件，当字符串较长时，字体大小可以根据头像宽度自动调整，效果如下 当然，这里是通过JS根据字符数量自动缩放文本实现的 而现在，仅仅通过 CSS也能达到类似的效果
    前端 CSS 掘金·日新计划
    CSS 实现自适应文本的头像
  • svg+css3 实现tabbar 动效
    大家好，今天给大家分享下svg如何实现一个简单的tabbar动效，并适配移动端平台。 demo链接 动画最后阶段：尬聊图标中间小圆跳动显示，其他三个内部小图标变成白色并进行线条移动显示。 动画分析后，我们先来进行准备工作，由于这个动效没有原始文件，所以我们还需自己在软件上进行4…
    SVG
  • CSS 实现多行文本“展开收起”
    多行文本展开收起是一个很常见的交互， 如下图演示 实现这一类布局和交互难点主要有以下几点 位于多行文本右下角的“展开收起”按钮 “展开”和“收起”两种状态的切换 当文本不超过指定行数时，不显示“展开收
    CSS
    CSS 实现多行文本“展开收起”