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

[jeffjade]

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

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

[justin2018]


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

网页全是深色 有个亮色 看着怪怪的~

[jeffjade]

@justin2018 嗯，一个超棒的建议；晚上回去就修改下❤️。

[putaozhenhaochi]

cool. 仿佛看到了 CSS 揭秘的运用

[toma77]

赞

[iapplebear]

赞

[jeffjade]

@putaozhenhaochi 多年以前，倒是有看过《 CSS 揭秘》这本书。🤝

[jeffjade]

@toma77 🙌🤝

[jeffjade]

@iapplebear 🤝🙌

[zxCoder]

网站上不去

[mouyase]

内个，虽然二维码背景透明了，但是二维码变黑了…

[ghostcode]

很可以

[jeffjade]

@zxCoder 这个服务部署在 github pages，无法访问么？可以 clone 源码 https://github.com/TheHumanComedy/cssfx，运行 npm i then npm run dev 来查看。

[jeffjade]

@mouyase 嗯，移除了太阳码的白色背景（基于 remove.bg 工具），就是如此了。已经验证过，扫码可以识别。

[jeffjade]

@ghostcode 🤝🙌🙌🤝