잠시만 기다려 주세요

     '이태원 150명 넘게 죽은 핼러윈 참사.. 오세훈 탄핵.. 윤석열 탄핵.... 행안부 장관 이상민은 사람이냐... 말만 하면 책임 회피..'
전체검색 :  
이번주 로또 및 연금번호 발생!!   |  HOME   |  여기는?   |  바다물때표   |  알림 (16)  |  여러가지 팁 (1056)  |  추천 및 재미 (152)  |  자료실 (22)  |  
시사, 이슈, 칼럼, 평론, 비평 (602)  |  끄적거림 (129)  |  문예 창작 (705)  |  바람 따라 (69)  |  시나리오 (760)  |  드라마 대본 (248)  |  
살인!

    html/css/xml

html/css/xml - 마우스 오버시 mouse over 이미지 투명도 지정, Hover Fade Effect using CSS
이 름 : 바다아이   |   조회수 : 11463         짧은 주소 : https://www.bada-ie.com/su/?591591816506







위와 같이 마우스 오버시 이미지를 투명하게 해 줍니다
매우 간단하게 css 로 쉽게 갑니다. 그러나 지원 안되는 브라우저가 있긴 합니다. 
<html>
	<head>
		<title>HTML Element Hover Fade Effect using CSS</title>
		<style>
		.fadding-photo:hover { opacity:0.4;}
		</style>
	</head>
	<body>
		<img class="fadding-photo" src="fading-photo.png" />
		<img class="fadding-photo" src="fading-photo1.png" />
		<img class="fadding-photo" src="fading-photo2.png" />
	</body>
</html>

css 에서 띄어쓰기 주의 하셔야 합니다. hover 적용시에는 띄면 안됩니다.

용법 : opacity: n; n=0~1(값이 낮을수록 불투명도가 낮아짐, 소숫점 사용 가능, 예 0.1=10%)

출처 : http://phppot.com/css/html-element-hover-fade-effect-using-css/

 
| |





      1 page / 2 page
번 호 카테고리 제 목 이름 조회수
48 html/css/xml 자주 쓰는 엔티티코드... 사용 빈도수가 높은 엔티티 코드 정리 바다아이 2251
47 html/css/xml ckeditor 소스보기 누르면 css 날아가는 현상,,, 문제.. ckeditor 소스보기 문제 바다아이 3470
46 html/css/xml ckeditor font size 설정하기, ckeditor 기본 폰트 크기 설정, ckeditor 줄바꿈 <br>, width height 설정. 바다아이 4711
45 html/css/xml robots.txt, 사이트 검색 로봇 설정... 바다아이 6406
44 html/css/xml CSS / letter-spacing, word-spacing / 글자 사이 간격, 단어 사이 간격, 자간 바다아이 6679
43 html/css/xml ie 인터넷 익스플로러 폰트 적용 문제, 인터넷 익스플로러 나눔폰트 적용... 바다아이 6707
42 html/css/xml html 에서 탭 tab 키 사용하기, 표현하기.... 바다아이 10757
41 html/css/xml css 전원 스위치 on/off 버튼, toggle switch 버튼, 토글스위치 바다아이 8839
40 html/css/xml pt, px, em, %, font 폰트 글꼴의 단위에 따른 크기 사이즈 비교표, 폰트 크기, 글씨 크기 바다아이 8553
39 html/css/xml 폰트 글꼴(font face) 목록 바다아이 8671
38 html/css/xml 고정 레이어 예제.... 바다아이 8809
37 html/css/xml html 문서 MIME 타입 확인... 바다아이 11342
36 html/css/xml ckeditor ajax 통신시 본문값이 빈값으로 들어가는 문제.... 바다아이 9156
35 html/css/xml [정규표현식] 정규표현식 정리, 정규식 바다아이 12392
34 html/css/xml 홈페이지, 사이트 주소 앞에 아이콘, 주소창 작은 아이콘, ico 파일 바다아이 8733
33 html/css/xml 브라우저 input 태그의 자동완성 기능 해제하기, 끄기 autocomplete 바다아이 9214
32 html/css/xml [CSS] 테두리 및 외곽선을 둥글게 표현하기, border-radius, 라운드 바다아이 10117
31 html/css/xml ckeditor 4 메뉴 툴바 도구 선택... 바다아이 10973
30 html/css/xml HTTP/2 왜 지금 적용해야 하는가? 바다아이 16379
29 html/css/xml HTTP/2란 무엇인가? 바다아이 9045
28 html/css/xml 사이트맵 xml 예제.... sitemap.xml 바다아이 8990
27 html/css/xml ckeditor config.js 설정 기본값.... 바다아이 9877
26 html/css/xml 이미지 없을 때 엑스박 대신 다른 이미지 보여주기 바다아이 9739
25 html/css/xml 레이어 팝업 소스 바다아이 8886
24 html/css/xml 테이블, 이미지 테두리관련 border 스타일 바다아이 8907
23 html/css/xml 테이블 깨짐, 깨지는 것 방지 바다아이 9671
22 html/css/xml 특수문자 코드표 (=특수문자 HTML 엔티티 코드), entity code 바다아이 9898
21 html/css/xml 원화(Won;￦) 대신 백슬래시(＼;Backslash; 백슬래쉬)로 나타내기, 역슬래시, 역슬래쉬 바다아이 12376
20 html/css/xml 특수문자 리스트 바다아이 9364
19 html/css/xml 블로그/웹에서 소스코드 하이라이트/구문강조 사용하기 바다아이 9810
1
2
| |









Copyright ⓒ 2001.12. bada-ie.com. All rights reserved.
이 사이트는 리눅스에서 firefox 기준으로 작성되었습니다. 기타 브라우저에서는 다르게 보일 수 있습니다.
[ Ubuntu + GoLang + PostgreSQL + Mariadb ]
서버위치 : 오라클 클라우드 춘천  실행시간 : 0.06854 초
to webmaster... gogo sea. gogo sea.