稀土掘金 稀土掘金
    • 首页
    • AI Coding
    • 数据标注 NEW
    • 沸点
    • 课程
    • 直播
    • 活动
    • APP
      插件
      • 搜索历史 清空
        • 写文章
        • 发沸点
        • 写笔记
        • 写代码
        • 草稿箱
        创作灵感 查看更多
确定删除此收藏集吗
删除后此收藏集将被移除
取消
确定删除
确定删除此文章吗
删除后此文章将被从当前收藏集中移除
取消
确定删除
编辑收藏集
0 /100
css
订阅
avatar
dershine 创作等级LV.1
更多收藏集

微信扫码分享

微信
新浪微博
QQ

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