The HamSter Developer

  • 홈
  • 태그
  • 방명록

Framework/tailwindCss 2

tailwindcss, 애니메이션 Class 만들기

tailwind.config.js 에서 정의할 수 있다.module.exports = { theme: { extend: { keyframes: { 'slide-up': { '0%': { transform: 'translateY(100%)', opacity: '0' }, '100%': { transform: 'translateY(0)', opacity: '1' }, }, }, animation: { 'slide-up': 'slide-up 0.5s ease-out forwards', }, }, }, plugins: [],};keyframes: slide-up 이라는 이름으로 새로운 애니메..

Framework/tailwindCss 2024.09.20

tailwindcss 에서 자식에게 모든 class 적용시키기

tailwindcss를 사용하다보면, 가끔 모든 자식한테 똑같은 css를 넣고있는 경우가 생긴다.이 경우는 아래처럼 class를 추가하면 자동으로 적용되니 참고가 되면 좋겠어서 작성했다.직계 자식에게만 넣기*]:p-4">...p]:mt-0 ">...직계 자식뿐만 아니라 모든 자손을 선택하려면 다음을 사용......

Framework/tailwindCss 2024.09.20
이전
1
다음
더보기
프로필사진

The HamSter Developer

시간이 지나 잊어버릴 만한 것들만 적어놓는 블로그

  • 분류 전체보기 (89)
    • TDD 공식문서 정리 (1)
      • 글로벌 함수 (1)
    • Nest.js 공식문서 정리 (5)
    • git (9)
      • gitCommand (9)
    • OpenAPI (11)
      • OAuth 2.0 (3)
      • NaverMap (4)
      • OpenAI (4)
    • TypeScript (4)
    • Framework (24)
      • Express (6)
      • tailwindCss (2)
      • Next.js (7)
      • Nest.js (9)
    • Librarys (13)
      • Socket.io (2)
      • React (11)
    • 배포_관련 (3)
      • SEO (1)
      • AWS (2)
    • HTML5 (5)
    • JavaScript (14)
      • Basic (9)
      • Core API (3)
      • Ajax (1)
      • Dom (1)

Tag

Git, aws, HTML, tailwindcss, Nest.js, JS, Nest, study, OpenAI, NEXT, 나만의 ai, react, Next.js, Express, typescript, NaverMap, element, JavaScript, OAuth, web,

최근글과 인기글

  • 최근글
  • 인기글

최근댓글

공지사항

Copyright © Kakao Corp. All rights reserved.

티스토리툴바