Space
반응형
article thumbnail
[Tailwind CSS] 스크롤바 지우기
Tailwind CSS 2024. 4. 4. 10:10

Tailwind CSS 스크롤바 지우기 Tailwind CSS의 플러그인을 이용하여 스크롤바를 지우겠습니다. 사진 명령어 # npm npm i tailwind-scrollbar-hide # yarn yarn add tailwind-scrollbar-hide 플러그인 // tailwind.config.js module.exports = { ..., plugins: [require("tailwind-scrollbar-hide")], }; 코드 예시 이제 아래 예시처럼 scrollbar-hide를 사용하시면 됩니다. // example {[1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1].map((_, index) => ( deleteHouse(index)} /> 숙소 이름1 등록일 ..

article thumbnail
[Tailwind CSS] Customizing Shadow
Tailwind CSS 2023. 12. 16. 10:11

[Tailwind CSS] Customizing Shadow 방법 1 : extend로 만들어서 사용하기 // tailwind.config.js module.exports = { theme: { extend: { boxShadow: { '3xl': '0 35px 60px -15px rgba(0, 0, 0, 0.3)', } } } } 크기 -> 색상 순으로 작성하면 된다. (순서 바꿔서 한 경우, 적용되지 않는다.) 크기 -> 색상 순으로 작성해야 한다. (순서 바꿔서 작성 한 경우, 적용되지 않는다.) 방법 2 : 직접 값 입력하기 // example.js export default function Example() { return ( ) } 크기 사이에 UnderBar(_)를 입력해주어야 하며, 색상의..

반응형