인터렉티브(4)
-
인터렉티브 웹 5 - 스틸컷 마우스제어
HTML 로딩바 플러그인 COLLECTION COLLECTION menu item menu item menu item menu item STORE LOCATION STORE LOCATION menu item menu item menu item menu item ADVERTISEMENT ADVERTISEMENT menu item menu item menu item menu item ONLINE STORE ONLINE STORE menu item menu item menu item menu item CONTACT CONTACT menu item menu item menu item menu item CORPORATE CORPORATE menu item menu item menu item menu item Te..
2022.03.17
-
인터렉티브 웹 4 - z축 원근감
box1 ~ box5는 실제로는 크기가 같지만, z축을 이용해 원근감을 준다. HTML Home Info About Community Contact Player 1 Player 2 Player 3 Player 4 Player 5 Lorem Ipsum Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ips..
2022.03.16
-
인터렉티브 웹 3 - 영상제어
HTML Paris Exceptional Creation French Jewelry & Watch Maker Jewelry Jewelry Nulla ex risus, varius at mauris quis, fringilla accumsan urna. Cras eleifend tempor nunc id cursus. Mauris in elit ut risus feugiat tincidunt a nec erat. Donec ornare finibus massa. In facilisis finibus rutrum. Sed tempor vitae erat sit amet molestie. Integer eros tellus, molestie a dictum sit amet, lobortis non turpis..
2022.03.16
-
인터렉티브 웹 1 - 3D rotate
HTML point 1 - script src에 defer를 사용하면 브라우저가 페이지의 파싱을 모두 끝내면 스크립트가 실행된다. Homme Girl Kids Vogue Homme Travis Crown Best Qualified Goods Sports tremendous Vogue Girl Accessories Jewelry Play & Dolls Vogue Kids Clothes CSS point 1 - 풀스크린 모드에서는 body와 wrap에 아래와 같이 스타일을 주는게 포인트다. body{width:100%; height:100%;} .wrap{position:fixed; width:100%; height:100%;} point 2 - height 값을 %로 줄 때는 상위계층(부모, 최소 body..
2022.03.15