[2016.1.4] Typed.js jquery plugin을 활용한 personal website

홈화면이나 주목시킬만한 영역에 사용하면 꽤 큰 효과를 볼 수 있을것 같네요.

콘솔창에 글씨가 입력되고 지워지는듯한 애니메이션을 구현해 놓은 플러그인입니다.

활용하기 좋겠어요.ㅎ

사용법은 아래와 같이 간단하구요..

<script src="jquery.js"></script>
<script src="typed.js"></script>
<script>
  $(function(){
      $(".element").typed({
        strings: ["First sentence.", "Second sentence."],
        typeSpeed: 0
      });
  });
</script>
...

<div class="element"></div>

공식페이지 바로가기 - http://www.mattboldt.com/demos/typed-js/

간단한 사용 예제 및 Demo

See the Pen New Personal Website [WIP] by Jonathan Ohayon (@rezozo) on CodePen.