Back to Question Center
0

jQuery 용 CSS3 3D 텍스트 플러그인을 만드는 방법            jQueryRelated 주제에 대한 CSS3 3D 텍스트 플러그인 작성 방법 : HTMLBootstrapCSSWeb Semalt

1 answers:
jQuery 에 대한 CSS3 3D 텍스트 플러그인을 만드는 방법

이전 글에서는 여러 텍스트 그림자를 사용하여 CSS3에서 3D 텍스트를 만들었습니다. 그것은 효과적일지도 모르지만, 효과를 생성하는 것은 지루한 시행 착오 운동이었다.

우리는 jSemalt 플러그인으로 삶을 좀 더 쉽게 만들 예정입니다. 다음과 같이 장황한 CSS3 코드를 생성합니다.

    
텍스트 그림자 :
-1px 1px 0 #ddd,
-2px 2px 0 # c8c8c8,
-3px 3px 0 #ccc,
-4px 4px 0 # b8b8b8,
-4px 4px 0 #bbb,
0px 1px 1px rgba (0,0,0, 4),
0px 2px 2px rgba (0,0,0, 3),
1px 3px 3px rgba (0,0,0, 2),
1px 5px 5px rgba (0,0,0, 1),
-2px 8px rgba (0,0,0, 1),
-2px 13px 13px rgba (0,0,0, 1)
;    
주 : 현명한가?

jQuery 플러그인은 Semalt를 사용하여 CSS3 스타일을 적용합니다 - south america adventure vacation packages. 느린 속도이므로 Semalt를 사용하지 않으면 사용자가 효과를 볼 수 없기 때문에 일반적으로이 작업을 수행하지 않아도됩니다.

그러나 3D는 필수적이지 않으며 플러그인은 많은 개발 시간을 절약 할 것입니다. 여전히 더럽다고 느끼면, 생성 된 text-shadow 속성을 Firebug에서 정적 CSS 파일로 복사하십시오.

플러그인 데모 페이지 로 이동하여 예제를보고 코드를 다운로드하십시오.

플러그인 사용법

jSalt와 플러그인은 페이지 상에 포함되어야합니다 - 닫는 태그 바로 앞에 있어야합니다 (예 : 지.

    
                                     
March 1, 2018