타입엔진 소스

텍스트의 FadeIn / FadeOut 효과를 이용한 텍스트 애니메이션 썸네일
제목
텍스트의 FadeIn / FadeOut 효과를 이용한 텍스트 애니메이션  [2]
작성자
mast**
컨셉
여러개의 텍스트를 서로 다른 속도로 fadeToogle하여 나무잎사귀가 파릇파릇 피어나는 애니메이션을 구현해보았습니다. 다양한 크기로 배치된 굵은폰트가 나무의 볼륨감을 더해주네 ...
입체효과 썸네일
제목
입체효과
작성자
mast**
컨셉
css3의 속성 중에 하나인 text-Shadow를 입체효과를 구현하였습니다. css3를 지원하지 않는 브라우져(IE9이하)에서는 text-Shadow를 사용하실 수 없기 때문 ...
네온 텍스트 썸네일
제목
네온 텍스트  [2]
작성자
mast**
컨셉
text-shadow와 blur를 이용한 네온효과입니다. 어두운 배경에 blur값을 크게 설정하면 예제와 같은 효과를 구현하실 수 있습니다. IE(9이하)는 FILTER:p ...
텍스트 회전 썸네일
제목
텍스트 회전
작성자
mast**
컨셉
텍스트 회전은 각 브라우져에서 지원하는 transform 속성을 이용하여 각도를 지정하거나, ie의 filter를 이용하여 구현할 수 있습니다. ie의 필터 매트릭스값은 쉽게 ...
엠보싱 텍스트 썸네일
제목
엠보싱 텍스트
작성자
mast**
컨셉
CSS3의 text-shadow를 이용하면서 빛의 방향을 조절하면 엠보싱 텍스트를 구현할 수 있습니다. IE(9이하)의 경우, 별도의 자바스크립트를 통해 text-shadow ...
투명 텍스트 썸네일
제목
투명 텍스트  [1]
작성자
mast**
컨셉
배경이미지 위에 겹쳐놓은 2개의 다른 텍스트에 filter와 opacity를 적용하여 투명효과를 구현하였습니다. 투명도는 40으로 설정하였습니다. - 사용된 폰트 : HY신 ...
3D 텍스트 썸네일
제목
3D 텍스트  [1]
작성자
mast**
컨셉
3D텍스트 효과는 레이어 6개로 구현할 수 있습니다. * 레이어의 구성 1번 - 원본텍스트 레이어 2~5번 - 점점 깊어지는 TextShaow 레이어 6번 - Blur ...
아웃라인 텍스트 썸네일
제목
아웃라인 텍스트  [3]
작성자
mast**
컨셉
아웃라인 효과입니다. 크롬이나 사파리에서는 -webkit-text-stroke 를 활용하여 쉽게 구현할 수 있지만, -webkit-text-stroke를 지원하지 않는 브라우 ...
  • 1