作者：JatinSharma译者：前端小智来源：dev有梦想，有干货，微信搜索【大千世界】关注这位大清早还在洗碗的洗碗智慧。本文已收录到GitHubhttps://github.com/qq449245884/xiaozhi，里面有完整的测试站点、资料和我的一线厂商访谈系列文章。今天我们继续推荐几款神器来提升我们的钓鱼时间。相信我，您会爱上它们的。1、Neumorphism地址：https://neumorphism.io/本站为section或div生成对应的UI，还可以自定义border-radius、box-shadow等2、ShadowsBrumm地址：https://shadows.brumm.af/可以为我们生成多层阴影，很炫酷的效果，还可以从曲线上自定义颜色。3.CSSClip-pathMaker地址：https://bennettfeely.com/clippy/这是我用的最多的一个。我用这个工具为之前录制的CSS视频生成了很多复杂的效果，推荐使用。4.FancyBorderShapeGenerator地址：https://9elements.github.io/f...它通过操作border-radius来生成非常棒的形状，我们可以在项目中自由使用，通过fine-实现我们想要的效果调整形状。5、CubicCurve地址：https://cubic-bezier.com/为CSS动画生成cubic-bezier。6.CSSGradient地址：https://cssgradient.io/如果你的项目经常需要用到渐变，那么你一定会爱上这个网站。我已经使用了很长时间，它很完美。这里还可以使用一些工具，比如渐变按钮等等。7.CSSWavesGenerator以下三种波浪发生器可以生成任何类型的波浪，还在为画破波浪而苦恼的小伙伴可以使用。CSSWaves地址：https://getwaves.io/可以生成简单的波浪，有一些自定义功能。GradientMultipleWaves地址：https://www.softr.io/tools/sv...可以生成多个梯度波，厉害了。MultipleAnimatedWaves地址：https://svgwave.in/可以生成多个渐变波，不过主要特点是还可以为此生成实时动画。8.CSSGridGeneratorCSS网格地址：https://cssgrid-generator.net...为网格生成很棒的css，你可以用div自定义它，它会为它创建子元素。CSSGridArea可以生成网格区域。我们可以根据我们的特定需求命名和自定义区域。9.LoadingAnimatedGIFs/SVGs地址：https://loading.io/本网站可以生成多种加载动画并以SVG、GIF、PNG等格式下载，但它最大的特点是你可以自定义这些动画到下一级。10.免费图标库Flaticons地址：https://www.flaticon.com/这个库有5.7M+矢量图标。可以在此处找到任何可能的图标，您可以使用它。icons8地址：https://icons8.com/这个库也有大量的图标，可以自定义，也可以不用下载直接使用图标。结论希望您从本文中有所收获，如果有，请来到Pozant被子。~~完了，我是一个洗碗、励志的人，退休后想回家摆地摊，下期见！代码部署后可能存在的bug，无法实时获知。事后为了解决这些bug，花费了大量的时间在日志调试上。顺便推荐一个好用的bug监控工具Fundebug。原文：https://dev.to/j471n/10-css-r...交流文章每周更新，微信搜索【大千世界】立即阅读，回复【福利】有很多前端视频等，有你，本文GitHubhttps://github.com/qq449245884/xiaozhi已收录，欢迎Star。
