Sprite 예제
학교에서 CSS를 배웠는데 background-position으로 재미있는 아이콘을 만들어보았습니다.사실 24시간전에 만든거라 뒷북치는거 같지만 그래도 칭찬받았어요 (히힛)
이 이미지는 하나의 그림입니다. (이미지는 제가 직접그린 거에요. 마음대로 가져다가 쓰시는 것을 허락합니다!)
[캡처이미지입니다] 이렇게 만들어서 마우스를 올리면 표정이 바뀌게 보았습니다.
노란색 웃는 모습을 예를 들면
<style type="text/css">
.laugh{
background-position : -201px 0;
}
a:hover.laugh{
background-position : -201px -100px;
}
</style>
를 적용 하여서 해보았습니다~.laugh{
background-position : -201px 0;
}
a:hover.laugh{
background-position : -201px -100px;
}
</style>
코드를 더 보시거나 사용하실 분은 압축파일로 저장해놓았습니다~ [다운받기](클릭)
밑그림하고 밑채색은 5월5일에 하고
어제서야 채색을 끝냈습니다..
중간,기말 시험을 모두 마친.. 아.. 아직 기말은 완전히 안끝났군요 ^^;
아무튼 여유가 조금(?) 생겨서 완성~!
남자가 똥배가 나온거 같아 T^T
참으로 =ㅁ= 무려 제작기간이 1달이 넘어버리는 상황이 생기다니..
배경그리는 연습좀 해야지 = 3= ..
언제 손이 풀릴려나..
그림을 자주 안그렸더니 중학교 때보다 손이 너무 굳었다.. ㅠㅁㅠ..
연습부족..
매번 그릴 때 마다 걱정인게 손이 어렵다 ..전신 때는 인체 비례..
인간이란 정말 오묘하고 복잡한 생물체라는 것을 느낀다..
... 어째.. 그냥 그렸는데
머리색깔이 를르슈와 C.C가 되어버렸네..
(다 그리고나서 느꼈다)
요즘.. 를르슈를 못봤더니 -_-..
하하..
원래 입에 묻은 것을 닦아주는건데..
이물질(?) 안 그리는 것이 더 나은거 같아서.. 뺐더니..
부끄럼쟁이가 되어버렸습니다 ㅋ
Prev
Rss Feed