Transition
![[2021/12/30]국비지원 CSS3 10-(4) navigation](https://img1.daumcdn.net/thumb/R750x0/?scode=mtistory2&fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdna%2F7jYlG%2FbtrsfSAkcUI%2FAAAAAAAAAAAAAAAAAAAAAK8C8PTXeYypF7ZFwpiYmjHExAqNiuxFkjqCPxEXS_r1%2Fimg.gif%3Fcredential%3DyqXZFxpELC7KVnFOS48ylbz2pIh7yKj8%26expires%3D1751295599%26allow_ip%3D%26allow_referer%3D%26signature%3Dsw7XO0PGkle0uzuReQcN0Q4WkAc%253D)
[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-(2) transition, transition3d](https://img1.daumcdn.net/thumb/R750x0/?scode=mtistory2&fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdna%2FcHso5d%2Fbtrr5Uftcn6%2FAAAAAAAAAAAAAAAAAAAAAMjoWH7IsQQPwxNMz83Ry915xlUqnZgIez6vXpL6VmS3%2Fimg.gif%3Fcredential%3DyqXZFxpELC7KVnFOS48ylbz2pIh7yKj8%26expires%3D1751295599%26allow_ip%3D%26allow_referer%3D%26signature%3DSW9OwPUm3wgQvkHRVYSANQ2U5Ec%253D)
[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..