tailwindcss4.0版本正式发布

发布时间:2025-01-24

       2025年1月22日,Tailwind CSS v4.0正式发布,Tailwind CSS v4.0 针对性能和灵活性进行了优化,具有重新构想的配置和自定义体验,并充分利用了 Web 平台提供的最新特性。最新版本特点如下:

      • 新的高性能引擎 — 完整构建速度提高了 5 倍,增量构建速度提高了 100 倍以上 — 以微秒为单位。
      • 专为现代 Web 设计 — 基于级联层、使用 和 .@propertycolor-mix()
      • 简化安装 — 更少的依赖项、零配置,并且 CSS 文件中只有一行代码。
      • 第一方 Vite 插件 — 紧密集成,实现最高性能和最低配置。
      • 自动内容检测 — 自动发现您的所有模板文件,无需配置。
      • 内置导入支持 — 无需额外的工具即可捆绑多个 CSS 文件。
      • CSS 优先配置 — 一种重新构想的开发人员体验,您可以直接在 CSS 中自定义和扩展框架,而不是 JavaScript 配置文件。
      • CSS 主题变量 — 您的所有设计令牌都作为原生 CSS 变量公开,因此您可以在任何地方访问它们。
      • 动态实用程序值和变体 — 无需猜测间距刻度中存在哪些值,也无需扩展基本数据属性等配置。
      • 现代化的 P3 调色板 — 经过重新设计、更生动的调色板,充分利用了现代显示技术。
      • 容器查询 — 用于根据容器大小设置元素样式的一流 API,无需插件。
      • 新的 3D 转换实用程序 — 直接在 HTML 中转换 3D 空间中的元素。
      • 扩展的渐变 API — 径向和圆锥渐变、插值模式等。
      • @starting 样式支持 — 一种可用于创建进入和退出过渡的新变体,无需 JavaScript。
      • not-* variant — 仅当元素与另一个变体、自定义选择器或媒体或功能查询不匹配时,才设置元素的样式。
      • 更多新的实用程序和变体 — 包括对复杂阴影等的支持。color-schemefield-sizinginert

       立即开始使用 Tailwind CSS v4.0,方法是将其安装在新项目中,或者直接在 Tailwind Play 的浏览器中使用它。

       对于现有项目,我们发布了全面的升级指南,并构建了自动升级工具,让您尽可能快速、轻松地使用最新版本。

【声明】:极贸易登载该文章目的是为更广泛的传递行业信息,不代表赞同其观点或证实其描述,本网站亦不为其版权负责。若无意侵犯您合法权益的内容,请联系本网站,核实后将立即予以删除!
标签: Tailwind Tailwind CSS tailwindcss tailwindcss4.0
栏 目

促进商业交流,为诚信商业社会助力,用数据创造新的商业价值,让供应链上下游更畅通。
生意的本质:把好的东西分享给有需要或有缘之人,赢取合理的服务费用,秉着做一单生意交一个朋友才是生意。生是生生不息,意乃心上之意。

公众号二维码
小程序二维码

业务范围

条款规则

联系我们

北京市丰台丽泽金融商务区平安幸福中心A座7层
406054635@qq.com
微信号:406054635
⚠️ 有任何疑问可关注极贸易小程序与在线客服进行咨询。
友情链接: 山西商人网 | LifeAdd生活方式

2013-2024 极贸易 www.jimaoyi.com 版权所有 | 御融(北京)科技有限公司 All Rights Reserved
增值电信业务经营许可证:京B2-20200664 | 京ICP备14004911号-8