2016/11 썸네일형 리스트형 css만을 이용하여 보노보노 그리기 며칠전 인터넷을 돌아다니다 CSS만을 이용해서 라이언을 그려논것을봤는데요. 어제 도라에몽(?)을 보다가 문득 보노보노를 그려봐야겠다는 생각이 들어서 급하게 만들어봤습니다. 작업순서는 이렇습니다. 1. 그리고자 하는 이미지 구글링. 2. 이미지를 배경으로 깔아놓는다. 3. 눈, 코, 입등 DIV요소를 만든다. 4. 깔아놓은 배경이미지 위에 CSS를 이용해서 DIV를 디자인을 한다. 5. 재미를 위해서 간단한 애니메이션을 준다. 결과물 드랍 See the Pen BonoBono by jisungyoo (@mainplay) on CodePen. 주로 사용된 CSS설명에 대한 링크 입니다. 1. boder-radius 2, transform 3, transform-origin 4. animation 5. tra.. 더보기 프로그래스바 만들기 최근 한달간 생활코딩 자바스크립트 강의를 열심히 듣고난 뒤 습득한 내용을 어떻게 하면 소화시킬수 있을까 고민하다 간단한 예제들을 만들어 포스팅 하기로 소소한 목표를 정했습니다. 누더기 같은 코드지만 앞으로 점점 나아지길 기대하면서 소스를 드랍하겠습니다. See the Pen progress bar by jisungyoo (@mainplay) on CodePen. 사용된 주요 API 입니다. 클릭하시면 자세한 설명을 볼수 있습니다. · setInterval() · clearInterval() · click() 더보기 이전 1 다음