개발입문뉴비 - 국비지원 ( Front End )/css

[2021/12/30]국비지원 CSS3 10-(4) navigation

hover & transition navigation1 Home 웹 개발 웹 디자인 HTML5 + CSS3 JQuery 웹 + 모바일 게시판 Q & A 방명록 프로필 navigation2 Home 웹 개발 웹 디자인 HTML + CSS3 JQuery 웹 + 모바일 게시판 Q & A 방명록 프로필 navigation3 ( 과제2 ) Home home 웹 개발 웹 개발 게시판 게시판 프로필 프로필 정식으로 사이트 짤 생각이면 브라우저 식별 대상은 꼭 신경 써줘야 함 결과물1 결과물2 결과물3

[2021/12/30]국비지원 CSS3 10-(3) 과제1 : 갤러리

갤러리 주제 : perspective 활용 : :hover, opacity, position, z-index 원본 작업내용 결과물

[2021/12/30]국비지원 CSS3 10-(2) transition, transition3d

★★★★★ 브라우저 식별 접두사가 필요한 속성 ★★★★★ transition : animation property, duration, function, duration delay animation property all background color height width transform duration : start to end. /s, /ms function : animate type, timing etc linear : 일정 속도 ease : 서서히 가속 후 급감속 ease-in : 최속 후 감속 ease-in-out : 처음 0속, 중간 최속, 서서히 감속 cubic bezier : 속도값 직접 입력 cubic-bezier(.17,.67,.83,.67) ✿ cubic-bezier.com cubi..

[2021/12/30]국비지원 CSS3 10-(1) 29일 과제

폴라로이드 겹치기 주제 : transform, webfont 활용 : position, z-index 작업내용 여름이 깊어가고 있었다 여름이 깊어가고 있었다 여름이 깊어가고 있었다 결과물

[2021/12/29]국비지원 CSS3 9-(7) transform, transform-origin

transform : 변형 rotate : 회전각 필요한 것 transform-origin : 회전 기준점 scale : 사이즈 scale scale-x scale-y skew : 기울기각 skew skew-x skew-y translate : 이동 translate translate-x translate-y translate, skew 특 : 1개 값만 있으면 x축 우선권 transform-origin 미반영 transform-origin 반영 ( scale, skew,translate 경로 변경으로 이미지 숨김 ) 결과물 결과물2