Tailwind CSS 4.0 버전 출시

알림

kkigomi 172.♡.52.227

2025.01.25 06:28

2,178

Tailwind CSS v4.0은 성능과 유연성에 최적화된 프레임워크의 완전히 새로운 버전이며, 재구성된 구성 및 사용자 지정 경험을 제공하며, 웹 플랫폼이 제공하는 최신 발전을 최대한 활용합니다.

새로운 고성능 엔진 — 전체 빌드는 최대 5배 더 빠르고, 증분 빌드는 100배 이상 더 빠르며 - 마이크로초 단위로 측정됩니다
최신 웹을 위해 설계됨 — 캐스케이드 레이어, @property로 등록된 사용자 지정 속성 및 color-mix()와 같은 최첨단 CSS 기능을 기반으로 구축되었습니다.
단순화된 설치 — 더 적은 종속성, 제로 구성, CSS 파일에 단 한 줄의 코드.
자사 Vite 플러그인 — 최대 성능과 최소 구성을 위한 긴밀한 통합.
자동 콘텐츠 감지 — 모든 템플릿 파일이 자동으로 발견되며, 구성이 필요하지 않습니다.
내장된 import 지원 — 여러 CSS 파일을 묶기 위해 추가 도구가 필요하지 않습니다.
CSS-first 구성 — JavaScript 구성 파일 대신 CSS에서 직접 프레임워크를 사용자 정의하고 확장하는 재창조된 개발자 경험.
CSS 테마 변수 — 모든 디자인 토큰이 네이티브 CSS 변수로 노출되므로 어디서나 액세스할 수 있습니다.
동적 유틸리티 값 및 변형 — 간격 척도에 어떤 값이 존재하는지 추측하거나 기본 데이터 속성과 같은 것에 대한 구성을 확장하지 마십시오.
현대화된 P3 컬러 팔레트 — 현대적인 디스플레이 기술을 최대한 활용하는 재설계된, 더욱 생생한 컬러 팔레트.
컨테이너 쿼리 — 컨테이너 크기에 따라 요소를 스타일링하기 위한 일류 API, 플러그인이 필요하지 않습니다.
새로운 3D 변환 유틸리티 — HTML에서 직접 3D 공간의 요소를 변환합니다.
확장된 그라디언트 API — 방사형 및 원뿔형 그라디언트, 보간 모드 등.
@starting-style 지원 — 자바스크립트 없이 입력 및 종료 전환을 만드는 데 사용할 수 있는 새로운 변형.
Not-* 변형 — 다른 변형, 사용자 지정 선택자 또는 미디어 또는 기능 쿼리와 일치하지 않는 경우에만 요소를 스타일링합니다.
더 많은 새로운 유틸리티와 변형 — 색조, 필드 크기 조정, 복잡한 그림자, 불활성 등.