开源分享 优秀的前端代码分享 Richarvin 2023年07月28日 阅读时间 1 分钟 一、动画按钮 See the Pen <a href="https://codepen.io/yuhomyan/pen/OJMejWJ?ref=richarvin.com"> Candy Color Button Animation</a> by Yuhomyan (<a href="https://codepen.io/yuhomyan?ref=richarvin.com">@yuhomyan</a>) on <a href="https://codepen.io/?ref=richarvin.com">CodePen</a>. 二、信用卡申请表 See the Pen <a href="https://codepen.io/JavaScriptJunkie/pen/YzzNGeR?ref=richarvin.com"> Credit Card Form - VueJs</a> by Muhammed Erdem (<a href="https://codepen.io/JavaScriptJunkie?ref=richarvin.com">@JavaScriptJunkie</a>) on <a href="https://codepen.io/?ref=richarvin.com">CodePen</a>. 三、流体文本悬停 See the Pen <a href="https://codepen.io/robin-dela/pen/KKPYoBq?ref=richarvin.com"> Fluid text hover</a> by Robin Delaporte (<a href="https://codepen.io/robin-dela?ref=richarvin.com">@robin-dela</a>) on <a href="https://codepen.io/?ref=richarvin.com">CodePen</a>. 四、流媒体服务页面 See the Pen <a href="https://codepen.io/Gunnarhawk/pen/vYJEwoM?ref=richarvin.com"> Streaming Service</a> by Karl Lindahl (<a href="https://codepen.io/Gunnarhawk?ref=richarvin.com">@Gunnarhawk</a>) on <a href="https://codepen.io/?ref=richarvin.com">CodePen</a>. 五、CSS buttons hover effects See the Pen <a href="https://codepen.io/Marina_Os/pen/OJyWPbL?ref=richarvin.com"> Buttons. CSS Hover</a> by Marina Osadcha (<a href="https://codepen.io/Marina_Os?ref=richarvin.com">@Marina_Os</a>) on <a href="https://codepen.io/?ref=richarvin.com">CodePen</a>. 六、拆分卡片的悬停效果 See the Pen <a href="https://codepen.io/simeydotme/pen/abqYGWa?ref=richarvin.com"> Split Card Hover Effect</a> by Simon Goellner (<a href="https://codepen.io/simeydotme?ref=richarvin.com">@simeydotme</a>) on <a href="https://codepen.io/?ref=richarvin.com">CodePen</a>. 七、氖光标效果 See the Pen <a href="https://codepen.io/soju22/pen/wvyBorP?ref=richarvin.com"> ThreeJS Toys - Neon Cursor</a> by Kevin Levron (<a href="https://codepen.io/soju22?ref=richarvin.com">@soju22</a>) on <a href="https://codepen.io/?ref=richarvin.com">CodePen</a>. 八、404错误页面 See the Pen <a href="https://codepen.io/uiswarup/pen/dyoyLOp?ref=richarvin.com"> 404 error page</a> by Swarup Kumar Kuila (<a href="https://codepen.io/uiswarup?ref=richarvin.com">@uiswarup</a>) on <a href="https://codepen.io/?ref=richarvin.com">CodePen</a>. 九、CSS发光图标 See the Pen <a href="https://codepen.io/Krishnaa_Gupta/pen/MWoRqmr?ref=richarvin.com"> CSS glowing icons</a> by Krishna Gupta (<a href="https://codepen.io/Krishnaa_Gupta?ref=richarvin.com">@Krishnaa_Gupta</a>) on <a href="https://codepen.io/?ref=richarvin.com">CodePen</a>. 十、液态转变效应 See the Pen <a href="https://codepen.io/TurkAysenur/pen/YzYqdyb?ref=richarvin.com"> Liquid Transition Effect</a> by Aysenur Turk (<a href="https://codepen.io/TurkAysenur?ref=richarvin.com">@TurkAysenur</a>) on <a href="https://codepen.io/?ref=richarvin.com">CodePen</a>.
