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

widely design 2021. 8. 26. 01:44

웹코딩 기초 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로 위치지정하기

<예시>