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

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

  •  
  •   jeffjade ·
    nicejade · 2020-09-16 17:27:33 +08:00 · 2070 次点击
    这是一个创建于 1311 天前的主题,其中的信息可能已经有所发展或是发生改变。

    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  
       2020-09-16 17:32:28 +08:00   ❤️ 1
    ![qy9GOvg]( )

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

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