V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
GeekHub
jeffjade
V2EX  ›  程序员

一键拷贝常用动画效果 CSS 代码

  •  
  •   jeffjade · 12 天前 · 1061 次点击

    CSSFX,一个 CSS 动效相关的网站: https://cssfx.lovejade.cn/ 。她集合 Web 开发中常用的动画效果,如鼠标悬停、输入框获取焦点、加载、以及其他动画;不仅有展示效果,并提供一键拷贝至剪切板,以便您可以在自己的项目中使用。

    备注:这个项目是基于 GitHub 的一个项目( CSSFX 🎉) fork 而来,添加了些动画效果。感兴趣的朋友也可以 fork 去,维护一个自己的动效池,在需要的时候,一键 copy,很是方便。(这个项目配置的非常好,添加十分便捷)。更详细的介绍,请参见 CSSFX - Beautifully simple click-to-copy CSS effects

    14 条回复    2020-09-17 16:14:44 +08:00
    justin2018
        1
    justin2018   12 天前   ❤️ 1
    ![qy9GOvg]( )

    二维码的白色背景换成透明的感觉会好点

    网页全是深色 有个亮色 看着怪怪的~
    jeffjade
        2
    jeffjade   12 天前
    @justin2018 嗯,一个超棒的建议;晚上回去就修改下❤️。
    putaozhenhaochi
        3
    putaozhenhaochi   11 天前 via Android   ❤️ 1
    cool. 仿佛看到了 CSS 揭秘的运用
    toma77
        4
    toma77   11 天前   ❤️ 1
    iapplebear
        5
    iapplebear   11 天前   ❤️ 1
    jeffjade
        6
    jeffjade   11 天前 via iPhone
    @putaozhenhaochi 多年以前,倒是有看过《 CSS 揭秘》这本书。🤝
    jeffjade
        7
    jeffjade   11 天前 via iPhone
    @toma77 🙌🤝
    jeffjade
        8
    jeffjade   11 天前 via iPhone
    @iapplebear 🤝🙌
    zxCoder
        9
    zxCoder   11 天前   ❤️ 1
    网站上不去
    mouyase
        10
    mouyase   11 天前 via Android   ❤️ 1
    内个,虽然二维码背景透明了,但是二维码变黑了…
    ghostcode
        11
    ghostcode   11 天前   ❤️ 1
    很可以
    jeffjade
        12
    jeffjade   11 天前
    @zxCoder 这个服务部署在 github pages,无法访问么?可以 clone 源码 https://github.com/TheHumanComedy/cssfx,运行 npm i then npm run dev 来查看。
    jeffjade
        13
    jeffjade   11 天前
    @mouyase 嗯,移除了太阳码的白色背景(基于 remove.bg 工具),就是如此了。已经验证过,扫码可以识别。
    jeffjade
        14
    jeffjade   11 天前
    @ghostcode 🤝🙌🙌🤝
    关于   ·   FAQ   ·   API   ·   我们的愿景   ·   广告投放   ·   感谢   ·   实用小工具   ·   4007 人在线   最高记录 5168   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 29ms · UTC 09:57 · PVG 17:57 · LAX 02:57 · JFK 05:57
    ♥ Do have faith in what you're doing.