Front-End/Tailwind CSS2 Tailwind CSS V4 animation Keyframes 정의하기 tailwindCSS V4에서는 tailwind.config.js 가 아니라 app.css 파일, @import tailwindcss 가 포함되어 있는 파일에서 animation keyframes 를 정의한다. - V3// tailwind.config.jsmodule.exports = { theme: { extend: { animation: { 'spin-slow': 'spin 3s linear infinite', } } }} - V4// app.css@import "tailwindcss";@theme { --animate-fade-in-scale: fade-in-scale 0.3s ease-out; @keyframes fade-in-scale { .. 2025. 3. 9. Tailwind CSS 에서 혼란을 방지하기 위한 5가지 사례 출처 : https://velog.io/@lky5697/5-best-practices-for-preventing-chaos-in-tailwind-css [번역] Tailwind CSS에서 혼란을 방지하기 위한 5가지 모범 사례원문 : https://evilmartians.com/chronicles/5-best-practices-for-preventing-chaos-in-tailwind-cssTailwind CSS로 작업하는 것은 매우 빠르고 쉽습니다(Tailwind CSS가 널리velog.io 1. 가능한 한 적은 수의 유틸리티 클래스 사용유틸리티 클래스는 가능한 한 적게 작성하는 것이 좋습니다.pt-4 pb-4를 설정하는 대신 py-4를 사용하면 됩니다. 이는 px, mx 및 my 속성에도 적용됩니다.. 2024. 5. 19. 이전 1 다음