Dohun


Web - FrontEnd - Information Security Professional

Portfolio


About


안녕하세요 HarryCode 프론트 엔드 강좌 사이트에 오신것을 환영합니다!

Welcome to the HarryCode front-end course site!

Contact Me



Dog hover


강아지 사진을 바탕으로 또 다른 강아지 사진을 중앙정렬 후 hover를 통해 마우스를 올리면 사진이 바뀌는 형식이다.

Close Project

Orange site


오렌지 페이지가 메인 홈페이지로 설정되어있고 우측 상단에 메뉴에서 텍스트를 누르면 키위 페이지나 딸기 페이지로 바뀐다.

Close Project

Transition example


쇼핑몰 페이지 예제, transition을 사용하여 사진에 hover를 하면 많은 효과가 실행된다.

Close Project

Iphone animation example


처음 로딩화면이 애플 로고로 만들어졌고 몇초가 지난 뒤에 애니메이션으로 만들어진 아이폰 사진이 효과가 적용된 채로 나타난다.

Close Project

3D Dice


3D 입체 주사위(정육면체)로 버튼을 누르면 그 버튼에 적힌 숫자로 주사위가 돌아간다.

Close Project

Iphone flip example


아이폰을 입체로 만들어 flip 기능과 hover 기능을 사용하여 마우스를 올리면 아이폰이 앞면으로 돌아가는 형식으로 만들어진 페이지이다.

Close Project

Web1


쇼핑몰 형식의 반응형 웹 디자인

Close Project

Web2


카페 형식의 반응형 웹 디자인

Close Project