본문 바로가기

CSS, Javascript, jQuery

 (135)
animation기법의 활용
낙하하던 나의 새
기울어진 네비
transition
애니메이션 기법 transition : 동작을 할때 그 중간과정을 보이게 하는것 순서를 지켜주어야 한다. 속성 시간 속도 대기시간 (성시속대) 속도 ease(defalut) :점점 빠르다 느리다 빨라짐 ease-in : 점점 빨라짐 ease-out : 점점 느려짐 ease-in-out : 점점 빠르다 느리다 빨라짐 cubic-bezier(n,n,n,n) : 사용자 정의 animation: 이름 시간 속도 대기시간 (이시속대) 추가 가능한 속성 animation : 이름 시간 속도 대기시간 무한반복 반대 모드 animation-iteration-count : 반복횟수 animation-direction : 방향 animation-fill-mode : 재생후 스타일 모드 strites 이미지를 활용해서 애니메이션 줄 때에는..
web font
낙서하는 nav
Web Fonts 웹폰트는 *@가 있는 것은 상단부에 기술하는 것이 좋다(아래쪽에 기술하면 안먹힐때가 있음) coderen.io : 무료배포 사이트 Web Safe Fonts 보통 컴퓨터에 설치되어 있는 폰트들로 font-family의 속성값을 구성한다. Web fonts 웹 디자이너가 사용한 글꼴을 다른 사용자의 컴퓨터에 설치되어 있지 않아도 보여질 수 있도록 구현 @font-face Rule @font-face 규칙을 추가하여 나만의 폰트를 웹 서버에 포함 시켜놓으면 사용자가 자동으로 폰트를 다운로드하여 문서에 포함시킬 수 있다. 다양한 폰트를 사용하고 싶을 때 해당 폰트를 눈누폰트 사이트에서 다운받고 transfonter.org사이트에서 다양한 폰트 포맷으로 저장후 @font-fack rule을 이용하여 코딩하면 서..

티스토리툴바