|
|
[필독] 처음 오시는 분을 위한 안내 (737) |
정은준1 |
2014-05 |
5237047 |
0 |
|
2014-05
5237047
1 정은준1
|
|
|
(광고) 단통법 시대의 인터넷가입 가이드(ver2.0) (234) |
 백메가 |
2015-12 |
1762701 |
25 |
|
2015-12
1762701
1 백메가
|
|
101949 |
좌판 또는 등받침로 인해 허리가 아픈 이유로 의자 교환이나 환불이 될까요?? (2) |
헥사코어 |
2022-01 |
1735 |
0 |
|
2022-01
1735
1 헥사코어
|
|
101948 |
인텔 12세대 CPU 내장 그래픽 동영상 가속 차이점 (3) |
 리나 |
2022-01 |
6623 |
0 |
|
2022-01
6623
1 리나
|
|
101947 |
X99 개조 바이오스를 통한 2696V3 최적 설정에 대한 질문입니다. (3) |
drama |
2022-01 |
3619 |
0 |
|
2022-01
3619
1 drama
|
|
101946 |
5G 전화기의 5G 와 와이파이 5G 의 5G 는 같은 의미인가요 ? (10) |
민사장 |
2022-01 |
1996 |
0 |
|
2022-01
1996
1 민사장
|
|
101945 |
윈도우가 설치되어있는 SSD나 HDD를 RAW 포맷 방법 추천드립니다. (10) |
meviesta |
2022-01 |
13048 |
0 |
|
2022-01
13048
1 meviesta
|
|
101944 |
우분투 방화벽 로그 관련 문의 (4) |
잡식 |
2022-01 |
2292 |
0 |
|
2022-01
2292
1 잡식
|
|
101943 |
현재 연결된 Wifi SSID 이름을 안드로이드 폰 위젯 형태로 깔끔하게 보여주는 것 없… (10) |
 무아 |
2022-01 |
2559 |
0 |
|
2022-01
2559
1 무아
|
|
101942 |
제 컴퓨터 사양 관련 고수분들 팁좀 부탁드립니다... (13) |
뽀르쏘나 |
2022-01 |
2302 |
0 |
|
2022-01
2302
1 뽀르쏘나
|
|
101941 |
이 부품이뭐죠? (6) |
 현진 |
2022-01 |
2188 |
1 |
|
2022-01
2188
1 현진
|
|
101940 |
Winpe로 부팅해서 이전 백업본의 c드라이브를 통채로 덮어씌우기하면 복구되나요? (6) |
네이스터 |
2022-01 |
2263 |
0 |
|
2022-01
2263
1 네이스터
|
|
101939 |
[ DELL R730 ] PCIe 슬롯 NVME 어댑터 for M.2 NVME SSD (8) |
전설속의미… |
2022-01 |
4364 |
0 |
|
2022-01
4364
1 전설속의미…
|
|
101938 |
거실에 나오고 있는 500mb 인터넷을 방으로 옮기려고 합니다 (7) |
dyd3031 |
2022-01 |
3426 |
0 |
|
2022-01
3426
1 dyd3031
|
|
101937 |
광주광역시 부근 중고 경량랙이나 앵글 판매처.. (9) |
2CPU최주희 |
2022-01 |
2976 |
0 |
|
2022-01
2976
1 2CPU최주희
|
|
101936 |
Dell H310 raid card 최신 펌웨어 어디서 받나요 ? (3) |
화란 |
2022-01 |
2950 |
0 |
|
2022-01
2950
1 화란
|
|
101935 |
안녕하세요. 정보보안 전공하고 있는 학부생입니다. VDI를 재대로 배워보고 싶습니다. (23) |
Andrew |
2022-01 |
3011 |
0 |
|
2022-01
3011
1 Andrew
|
|
101934 |
윈도우11 창 가로, 세로 정렬 기능 질문입니다. (2) |
meviesta |
2022-01 |
3415 |
0 |
|
2022-01
3415
1 meviesta
|
|
101933 |
EFM ipTIME N300UA plus USB 2.0 이 모델 제가 알기론 블루투스기능은 없다고 알고있… (9) |
 정상백 |
2022-01 |
2121 |
0 |
|
2022-01
2121
1 정상백
|
|
101932 |
html (웹) 질문.. (4) |
컴박 |
2022-01 |
1618 |
0 |
|
2022-01
1618
1 컴박
|
|
101931 |
LTO 테이프 관련 질문드립니다. (7) |
구고기 |
2022-01 |
3953 |
0 |
|
2022-01
3953
1 구고기
|
|
101930 |
Windows 운영체제 사용자 매뉴얼 문서가 있나요? (4) |
Noname1 |
2022-01 |
1962 |
0 |
|
2022-01
1962
1 Noname1
|
(예시를 위에 구글에서 아무거나 쳐서 가져온 사진)
그 위에 바퀴만 있는 이미지를 똑같은 위치에 하나를 더 올려놓고 그 이미지에 mouse over 이벤트를 걸어 놓으면 되겠지요..
어차피 색깔이 바뀐다면 바퀴 부분바뀌는 것이니 그 이미지에 border를 줘도 되고, 이미지를 교체해도 되고요..
image map의 경우 shape=circle로 두면 되긴 하지만 이건 클릭이 있을 때 이벤트가 발생을 하니까 이 상황에 적용을 하긴 그렇고요..
바퀴부분만 일반 이미지와 백그라운드 후광이 있는 이미지 2장으로 Mouseover 이벤트를 활용하면 되겠네요.
저는 배경을 투명으로 날리고 css를 입힙니다.
이미지 div 넣고 포지션 absolute 한다음 img 넣고
바퀴 영역 div 넣고 포지션 absolute 넣어서 bottom , right 넣은 다음 영역 지정하고
css 에서 마우스 오버시 div 영역을 라운드처리 하거나 애니메이션 처리하면 됩니다.
현재까지 애니메이션은 키프레임 어쩌고 하는걸로 쓰는거로 알고있네요
아니라면 이미지맵 이라고 치면 나올꺼에요 이걸 이용해도 될겁니다.