GD Styles

GD 스타일: Tailwind 클래스로 CSS 스타일 복사하기

GD Styles는 bradenhirschidev가 개발한 무료 Chrome 확장 프로그램입니다. 이것은 브라우저의 하위 카테고리인 추가 기능 및 도구에 속합니다. 이 확장 프로그램을 사용하면 Chrome의 DevTools을 사용하면서 어떤 요소의 CSS 스타일에서 Tailwind 클래스 이름을 쉽게 얻을 수 있습니다.

GD Styles를 설치한 후에는 확장 프로그램이 작동하기 위해 브라우저를 다시 시작해야 합니다. 설치하면 DevTools에 'GD Styles'라는 사이드바 패널이 나타납니다. 요소의 CSS 스타일에 액세스하려면 해당 요소를 마우스 오른쪽 버튼으로 클릭하고 '스타일 가져오기'를 선택하면 됩니다. 스타일은 사이드바 패널에 표시됩니다.

GD Styles의 가장 편리한 기능 중 하나는 스타일을 직접 클립보드에 복사할 수 있는 기능입니다. 버튼을 클릭하면 Tailwind 클래스 이름을 쉽게 복사하여 자신의 프로젝트에서 사용할 수 있습니다.

현재 GD Styles는 색상, 배경색, 테두리, 테두리 반경, 글꼴 크기, 글꼴 두께 및 패딩을 포함한 여러 CSS 속성을 지원합니다. 개발자인 bradenhirschidev는 확장 프로그램을 개선하고 더 다양한 스타일을 추가하기 위해 노력하고 있습니다.

GD Styles는 현재 베타 버전이므로 피드백이나 제안 사항은 Try out GD Styles today and streamline your CSS development process with ease.