- -CSS로드 : 사이트로드 애니메이션을위한 CSS 코드 생성 및 자동 생성

CSS로드 : 사이트로드 애니메이션을위한 CSS 코드 생성 및 자동 생성

많은 CSS 코드 생성기를 검토했습니다. 약간상자와 레이어 또는 가장 최근의 XEO CSS와 같은 다른 요소에 효과를 적용하여 시각적 편집기를 사용하여 코딩을 모두 통과하여 CSS를 편집 할 수 있습니다. CSS로드 자동 다른 웹 응용 프로그램입니다CSS 코드를 생성합니다. 생성 된 코드는 사이트로드 애니메이션 용입니다. 8 개의 템플릿에서 사이트로드 애니메이션을 선택하고 색상과 속도를 사용자 지정할 수 있습니다.

사이트로드 애니메이션은 진행률 표시 줄과 같습니다.사용자가 사이트를로드하고 있음을 알 수 있도록 웹 사이트에서 투사합니다. 브라우저도 사용자에게 사이트로드 여부에 대한 실마리를 제공하지만로드하는 데 시간이 조금 더 걸릴 수있는 사이트를 디자인하는 경우 최종 사용자에게 확신을주는 것이 좋습니다. 이 앱을 사용하면 8 개의 서로 다른 사이트로드 애니메이션 중에서 선택하여 사용자 지정할 수 있습니다.

시작하려면 애니메이션 스타일을오른쪽에 작은 스크롤 가능 패널이 있습니다. 애니메이션 템플릿은 막대 및 디스크 디자인으로 구성됩니다. 일부 템플릿은 2 개를 지원하고 다른 템플릿은 단일 색상을 지원합니다. 선택한 템플릿은 오른쪽 아래에로드됩니다 애니메이션 미리보기.

CSS로드

사용자 정의를 시작하려면 옆의 색상 코드 필드를 클릭하십시오. 첫 번째 색상 색상 선택기가 열립니다. 원형 디스크에서 색상을 선택하고 중간의 정사각형에서 밝기 레벨을 설정하십시오. 선택 두 번째 색상 선택한로드 애니메이션이 2 개를 지원하는 경우 선택한 애니메이션이 두 가지 색상을 지원하는지 여부에 관계없이 두 번째 색상을 선택하는 옵션이 나타납니다. 색상을 선택한 후에는 수평으로 노브를 움직여 애니메이션 속도를 선택하십시오 애니메이션 속도 바.

CSS로드 세트 색상

변경 사항은 변경 사항이 반영되지만 반영되지 않으면 클릭하십시오. 미리보기 생성 애니메이션이 처음로드 된 오른쪽에 변경 사항이 표시되기 시작합니다. 애니메이션 코드를 얻으려면 코드 받기. 코드를 HTML 또는 CSS 파일과 사이트가로드 중입니다 애니메이션을로드 할 준비가되었습니다.

CSS로드 방문

코멘트