2021-08-23 (133일차) hover시 텍스트 변환, uppercase, impress사용방법

 웹코딩 기초 172강  (hover시 텍스트 변경)

 impress 0강 

 

 

- hover하면 한글이 영문으로 바뀌는 방법

  한글을 없애지 않고 안 보이게 하는 게 tip!

See the Pen to2.kr/bOC by minicoding (@minicoding) on CodePen.

※ text-transform:uppercase;

    : 영문을 모두 대문자로 바꿔주는 기능을 한다.

 

---

- impress 사용방법

  임프레스 스크립트소스 가져오기

  스크립트에 impress().init(); 넣어주기

  #impress 아이디로 감싸주기

  ㄴ 태그 내부에 .step 클래스로 감싸고 data-x와 data-y로 위치지정하기

 

  <예시>

  <div id="impress">
   <div class="step" data-x="-1000" data-y="1000">1</div>
    <div class="step" data-x="-1000" data-y="-500">2</div>
    <div class="step" data-x="1000" data-y="-1000">3</div>
  </div>