TailwindCSS2

• 

  Sveltekit에서 tailwindcss와 SVG를 사용할때, 마우스 오버로 색상 쉽게! 바꾸기 sveltekit의 경우 svg 처리가 좀 ....깔끔하게 처리가 안된다 생각했는데이번에 그나마 편한 방법을 찾게되어 글을 쓴다 기존에 하던 작업은 조금 번거로웠고이번에 들.... 번거로운 방법을 소개할까한다. static-adapter로 구동되는 경우는 https://github.com/poppa/sveltekit-svg이 패키지를 사용하면 되고,  ssr를 사용하는 adapter의 경우는..... 제가 설명드리는 방법이 그나마 편했습니다.  svg 예제 이미지 svg 예제 코드 내부  티스토리에서 svg파일을 첨부하면 이미지로 변경되서, 파일 제공이 안되니.. 텍스트를 복사해다가 써보세요    사전 지식SVG의 진한 벡터 선들은 로 되어 있습니다.그래서 그 선들을 tail.. 스터디/SvelteKit 2024. 5. 12.

• 

  [Tailwindcss] iOS Blur freezing 현상 (bug) css 파일 관리를 따로 하지 않아도 되고 브라우저마다 css를 맞추지 않아도 되서 좋은 tailwindcss !! 하지만 제품에 사용하다보면 여러가지 버그를 맞이 하게 됩니다. 그 중 이번 버그는 blur(블러) 효과를 쓰면 발생하는 버그인데요. https://tailwindcss.com/docs/blur 블러는 이미지를 흐리게 만드는 효과입니다. 많은 브라우저에서 오래전부터 지원되는 효과입니다. 사용은 간단합니다. tailwindcss를 이용할댄 blur-{size} 형태로 적어주고. 순수 css를 할때는 아래처럼 호환성을 생각해서 -webkit까지 적어줍니다. .bg-image { filter:blur(4px); -webkit-filter: blur(4px); } 하지만 ios 15.1 부터 ios.. 스터디/Etc 2023. 11. 24.