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

[해피CGI][cgimall] 간단한 에니메이션 효과 밑줄 긋기 4종 css 본문

웹프로그램밍 자료실/기타 자료

[해피CGI][cgimall] 간단한 에니메이션 효과 밑줄 긋기 4종 css

해피CGI윤실장 2021. 5. 7. 09:15

간단하게 class 자만 추가하면 밑줄긋기 에니메이션 효과를 줄 수 있는 4가지 형태의 css 소스입니다.

 

첨부파일을 다운받으셔서 선언된 css 소스와 html 소스를 이용하면 되며, 아래의 class 명을 원하시는 항목에

대입하시면 쉽게 적용이 가능합니다.


<p><span class="to-right-underline">왼쪽에서 오른쪽으로 이동하는 에니메이션</span></p>

<p><span class="spread-underline">가운데서 좌우로 펼쳐지는 라인 에니메이션</span></p>

<p><span class="highlight">형광펜 효과가 위로 올라오는 에니메이션</span></p>

<p><span class="drop-in-underline">위에서 살짝 떨어지는 에니메이션</span></p>

Comments