CSS3 썸네일형 리스트형 CSS3 - animate CSS3 - 햄버거 Icon(animate) 이번에 작업을 해보면서 animation요소에 대해서 공부를 좀 했는데 역시 자바스크립트는 겸손하게 사용해야되나보다... 다른 블로그분이 정말 잘 정리해주고 예제도 만들어주셔서 잘 활용해서 예전에 만든 ham방식으로 만들어 보았다. 더보기 CSS3 - overflow 종류 overflow는 작업할때 자주 쓰는거 같다. 주로 hidden을 사용하는데 다른 종류도 알아보자 일단 overflow가 뭔지부터 알아보자 - overflow영역 안에 있는 내용이 넘칠 경우 어떻게 처리할지 결정한다. - 종류 visivle : 영역보다 넘쳐난 내용을 그대로 보여줌 hidden : 영역보다 넘쳐난 내용을 표시하지 않고 스크롤을 제공하지 않는다. scroll : 영역보다 넘쳐난 내용을 위해 스크롤 제공 auto : 브라우저에 의존해서 해당내용이 영역보다 넘칠 경우 스크롤 자동 제공 더보기 CSS3 - border: style 종류 이번에는 CSS3 border-style 을 알아보자 거의 solid를 많이쓰지만 디자이너가 뭘 요구할지 모르니깐 알아둬보자 종류 -none: 테두리 없음 -hidden: 테두리 숨김 (none과 같으나 테이블 셀 요소라면 테두리 통합) -dotted: 점선 테두리 -dashed: 짧은 선들의 연속 지정 -solid: 실선 -double: 두개의 실선으로 지정 -groove: 테두리가 안으로 파진것처럼 보임 -ridge: 테두리가 밖으로 튀어나온것처럼 보임 -inset: 테두리를 포함한 컨텐츠 영역이 안으로 들어간것처럼 보임 -outset: 테두리를 포함한 컨텐츠 영역이 밖으로 튀어나온것처럼 보임 범위 div { border-style: solid } - 모든 테두리를 solid로 설정 div { bor.. 더보기 이전 1 다음
