레이어 스타일 및 ThemeShock CSS 드롭 섀도 생성기와 같은 CSS 코드 생성기 몇 가지를 검토했습니다. 둘 다 단일 효과에 대한 코드를 생성하기 때문에 우수하지만 제한적입니다. CSS3.0 메이커 생성하는 자동 CSS 코드 생성기입니다테두리, 텍스트 그림자, 상자 그림자, 윤곽선 효과 및 요소의 기울이기, 크기 조절 또는 회전을위한 코드입니다. 다른 파일을 만들어 여러 CSS 파일 (각 파일의 다른 스타일)을 작업 할 수 있습니다. 코드는 HTML 파일로 다운로드되고 CSS는 내부 시트로 추가됩니다. 이 서비스는 어떤 버전의 Chrome, Firefox, Internet Explorer, Safari 및 Opera에서 효과가 렌더링되고 어떤 모바일 장치에서 지원되는지 알려줍니다.
여러 파일을 만들려면 다음을 수행해야합니다.무료 계정에 가입하십시오. 그렇지 않으면 서비스를 만들지 않고 서비스를 사용할 수 있습니다. 이상하게도이 사이트를 사용하면 로그인하지 않은 상태에서 더 많은 효과를 추가 할 수 있습니다. 로그 아웃 할 때 사용할 수있는 추가 효과는 그라디언트, 애니메이션 및 전환 효과입니다. 등록되지 않은 사용자로 사용하면 사이트에서 여러 효과를 추가 할 수 없습니다. 계정을 등록하지 않고 서비스를 사용하기로 선택한 경우 사이트 헤더 바로 아래에 다른 효과를 선택할 수있는 가로 막대가 표시됩니다.
여러 효과를 추가하려면 무료 계정에 가입하고 파일을 만드십시오. 클릭하여 파일을 만들 수 있습니다 새로운 파일 홈페이지에서 또는 내 파일들. 파일 이름을 입력하십시오. 고르다 편집하다 모든 변경 사항이이 파일에 저장됩니다. 로 이동 집 탭을 눌러 효과 편집을 시작합니다.
다른 효과 사이를 이동하려면 집 탭. 요소의 색상을 변경하고 불투명도를 조정하려면 RGBA 효과로 이동하십시오. 테두리를 추가하거나 테두리 스타일을 변경하려면 국경 반경. 그만큼 텍스트 그림자 과 상자 그림자 효과는 요소 나 텍스트 뒤에 그림자 효과를 만듭니다. 기울어지고 크기를 조정할 수 있습니다. CSS 변환 효과 및 요소에서 테두리를 오프셋 개요 오프셋 효과.
모든 사항을 변경하고 필요한 효과를 적용한 후 저장하기 그리고 다운로드파일을 다운로드합니다. 필요한 사항을 변경하면 CSS를 준비 할 수 있습니다. 디자인을 실험하고 싶거나 특정 프로젝트에 대해 수많은 CSS 효과를 실험 해야하는 경우 서비스가 우수합니다.
CSS3.0 Maker 방문
코멘트