웹솔루션개발 25년 노하우! 해피CGI의 모든것

[해피CGI][cgimall] css의 text-shadow효과 모음 사이트 "Trendy CSS Text Shadows" 본문

웹프로그램밍 자료실/HTML 자료

[해피CGI][cgimall] css의 text-shadow효과 모음 사이트 "Trendy CSS Text Shadows"

해피CGI윤실장 2019. 3. 25. 09:17

 

Trendy CSS Text Shadows 는 css의 text-shadow효과를 이용한 다양한 샘플들을 정리해 놓은 사이트합니다.

간단한 그림자 효과부터 각양각색의 그림자 효과를 확인하실 수 있습니다.

또한 css코드를 확인하고 복사 할 수 있어 샘플과 동일한 효과를 쉽게 적용해보실 수 있습니다.

 

 

사이트에 있는 각 샘플 우측상단 view css를 클릭하면 사용된 css를 확인하실  수 있습니다.

 

 

샘플과 동일한 font를 사용하시고 싶으실 경우,

css아래에 있는 google fonts를 클릭하시면 이미지에 사용된 폰트 페이지로 이동합니다.

 

 

복사한 css를 하나의 class에 붙여넣고 적용하고 싶은 부분에 class를 주면

 

 

샘플과 동일한 text-shadow효과를 쉽게 주실 수 있습니다.

 

 

 

홈페이지바로가기

저작자표시

'웹프로그램밍 자료실 > HTML 자료' 카테고리의 다른 글

[해피CGI][cgimall] 다양한 이미지 마우스 오버 이펙트 CSS image hover effects  (0) 2019.03.27
[해피CGI][cgimall] 3개의 점으로 만들어진 css 로딩 애니메이션 "three-dots"  (0) 2019.03.26
[해피CGI][cgimall] 배경이미지 여러개 다중 설정 멀티 background CSS  (0) 2019.03.19
[해피CGI][cgimall] 크롬 Window Resizer + Screensiz 모바일 및 태블릿 사이즈별 확인  (0) 2019.03.18
[해피CGI][cgimall] CSS를 이용한 탭메뉴  (0) 2019.03.08
공유하기 링크
'웹프로그램밍 자료실/HTML 자료' Related Articles more
Comments