今天继续推荐几款提升我们钓鱼时间的神器,相信我,你会爱上它们的。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/fancy-border-radius/#30.36.29.30--。它通过操作border-radius生成超赞的形状,我们可以在项目中使用,通过微调达到我们想要的形状。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/svg-wave-generator可以生成多个梯度波,很棒。MultipleAnimatedWaves地址:https://svgwave.in/可以生成多个渐变波,不过主要特点是还可以为此生成实时动画。8.CSSGridGeneratorCSS网格地址:https://cssgrid-generator.netlify.app/为网格生成很棒的css,你可以用div自定义它,它会为它创建子元素。CSSGridArea可以生成网格区域。我们可以根据我们的特定需求命名和自定义区域。9.LoadingAnimatedGIFs/SVGs地址:https://loading.io/本网站可以生成多种加载动画并以SVG、GIF、PNG等格式下载,但它最大的特点是你可以自定义这些动画到下一级。10.免费图标库Flaticons地址:https://www.flaticon.com/这个库有5.7M+矢量图标。可以在此处找到任何可能的图标,您可以使用它。icons8地址:https://icons8.com/这个库也有大量的图标,可以自定义,也可以不用下载直接使用图标。总结希望您从本文中学到了一些东西。作者:JatinSharma译者:前端小智来源:dev原文:https://dev.to/j471n/10-css-resources-that-you-should-bookmark-46l6
