웹솔루션개발 25년 노하우! 해피CGI의 모든것

CSS만으로 화살표 아이콘을 만들어 볼 수 있습니다. 홈페이지, 첨부파일에서 3가지의 화살표 스타일을 확인할 수 있으며 적용해서 사용해보세요 ^^ 화살표 모양은 border 스타일로 표현되었으며, 전체적인 색상은 *에 지정된 color 값으로 변경하실 수 있습니다. [첫번째 스타일] - 기본 style 소스 [두번째 스타일] - 기본 style 소스 [세번째 스타일] - 기본 style 소스

부트스트랩을 이용하여, 많은 양의 콘텐츠 내용을 숨김처리했다가, 버튼 클릭 이벤트를 통해 표시하는 스타일입니다. 간략내용만 보여줬다가 버튼 클릭시 내용 전체를 보여줄 수 있습니다. 내용이 많거나, 다양한 디자인 구성에 이용할 수 있습니다. 버튼 스타일도 제어가 가능합니다

구글 넥스서사이트 형태의 메뉴입니다. 링크에서 데모사이트와 파일을 다운받으실 수 있으며 반응형 사이트 또는 모바일에 적용하시면 좋은 소스같습니다. css3를 이용하기 때문에 ie하위버전에서는 정상적으로 동작을 하지 않을 수 도 있습니다. 사이트 제작에 많은 도움이 되시길 바랍니다 ^^

전환 시퀀스를 구현하는 CSS http://callmenick.com/post/last-in-first-out-css-transitions 소스 파일은 다운로드 받을 수 있으며, 데모로 확인이 가능합니다.