关于css:2022年推荐6个有意思的CSS-tools

3次阅读

共计 1094 个字符,预计需要花费 3 分钟才能阅读完成。

  1. PurgeCSS —— 删除无用 css 代码
    PurgeCSS 能够删除 CSS 中未应用的代码。这个工具十分有用,尤其是当应用 CSS 框架时。因为大多数时候框架都带有很多咱们并不真正须要的代码。它能够是开发工作流程的一部分。当你正在构建一个网站时,你可能会决定应用一个 CSS 框架,如 TailwindCSS, Bootstrap, MaterializeCSS, Foundation 等。但咱们只应用一小部分框架,并且将包含许多未应用的 CSS 款式。这就是 PurgeCSS 发挥作用的中央。PurgeCSS 剖析你的内容和 CSS 文件。而后,它将文件中应用的选择器与内容文件中的选择器进行匹配。它会从 CSS 中删除未应用的选择器,从而生成更小的 CSS 文件。

  1. Neumorphism —— 最小类型设计能力
    Neumorphism 设计当初很风行,很多用户喜爱它,因为它是一种最小类型的设计。这是一个很棒的工具,它容许你设计生成软 UI CSS 代码。这对于创立 Neumorphism 设计十分有用。能够抉择色彩、编辑大小、半径、间隔等等。试一试,你会喜爱的。
  2. CSS clip-path maker —— 营销图设计赋能
    这个工具基于 CSS 属性 clip-path,它容许你创立简单的形态(多边形、圆形、椭圆形等)。如果你不相熟这个 CSS 属性,那没什么大不了的,因为剪辑门路制作工具就在这里。

  1. Animista —— 可视化动画创立
    Animista 是可用于动画的最佳 CSS 工具之一。它为你提供了一组能够在 CSS 中应用的预制动画。你能够抉择你喜爱的任何类型的动画并依据须要进行编辑。实现后,你能够为动画生成 CSS 代码并将其用于你的我的项目代码。
  2. Shadow Brumm —— 可视化暗影制作
    这是一个很棒的工具,可让你应用 CSS 轻松创立凉快且平滑的暗影。你只需定义一些暗影选项,它就会主动为你生成代码。如果你想在短时间内创立暗影,请应用此工具。

  1. Get Waves —— 海浪制造机
    这是另一个了不起的工具,它容许你应用 CSS 为你的我的项目创立 SVG 波形。它使它变得更容易,你只需抉择选项,而后该工具就会为你的 wave 设计生成正确的 CSS 代码。如果这是你想要的,你还能够下载你创立的 SVG 波形。

最初
如果你感觉此文对你有一丁点帮忙,点个赞。或者能够退出我的开发交换群:1025263163 互相学习,咱们会有业余的技术答疑解惑

如果你感觉这篇文章对你有点用的话,麻烦请给咱们的开源我的项目点点 star: https://gitee.com/ZhongBangKeJi 不胜感激!

PHP 学习手册:https://doc.crmeb.com
技术交换论坛:https://q.crmeb.com

正文完
 0