김장우 2022-01

기본으로 오토바이 전체 사진을 뿌리고(background-image or img),
그 위에 바퀴만 있는 이미지를 똑같은 위치에 하나를 더 올려놓고 그 이미지에 mouse over 이벤트를 걸어 놓으면 되겠지요..
어차피 색깔이 바뀐다면 바퀴 부분바뀌는 것이니 그 이미지에 border를 줘도 되고, 이미지를 교체해도 되고요..
image map의 경우 shape=circle로 두면 되긴 하지만 이건 클릭이 있을 때 이벤트가 발생을 하니까 이 상황에 적용을 하긴 그렇고요..

제온프로 2022-01

장우님 말씀대로 이중 이미지를 활용하면 되겠네요..

바퀴부분만 일반 이미지와 백그라운드 후광이 있는 이미지 2장으로 Mouseover 이벤트를 활용하면 되겠네요.

버즈 2022-01

오 이미지를 두 개를 사용하는 방법이 있군요!!

저는 배경을 투명으로 날리고 css를 입힙니다.

강한구 2022-01

전체 감싸는 div 넣고 포지션 relative, 가로 세로 폭 지정
이미지 div 넣고 포지션 absolute 한다음 img 넣고
바퀴 영역 div 넣고 포지션 absolute 넣어서 bottom , right 넣은 다음 영역 지정하고
css 에서 마우스 오버시 div 영역을 라운드처리 하거나 애니메이션 처리하면 됩니다.
현재까지 애니메이션은 키프레임 어쩌고 하는걸로 쓰는거로 알고있네요


아니라면 이미지맵 이라고 치면 나올꺼에요 이걸 이용해도 될겁니다.