마우스오버시 아이콘 포커스 효과주기 happycgi

회원가입

출석체크

마이페이지

CGIMALL

jquery , CSS , PHP , Javascript , 무료폰트 , ASP

홈 > CSS > 기타효과 > 마우스오버시 아이콘 포커스 효과주기 상세정보

클라우드태그

Javascript

PHP

CSS

HTML

ASP

API

jquery

mysql

image

Mobile

slide

게시판

메뉴

현재접속자 56명

마우스오버시 아이콘 포커스 효과주기

해피팀

네티즌

소스분류

기타효과

다운로드 횟수

450 회

간단설명

HTML과 CSS를 이용하여 아이콘에 마우스오버시 효과를 주는 소스 입니다.

평가하기

CSS 를 이용하여 아이콘에 마우스 오버시 효과를 주는 소스 입니다.

첨부파일을 다운로드 받아 압축을 푼 뒤 index.html 파일을 브라우저로 실행하면 확인할 수 있습니다.

아이콘에 들어가 있는 그림들은 fonts 폴더에 있는 딩벳폰트 이며,

아이콘 안에 딩벳폰트를 사용하지 않고 문자를 입력 할수도 있습니다.

수정 방법은 screen.css 파일을 웹문서편집툴로 열어 원하는 아이콘에 content 속성을 수정하면 됩니다.

-출력화면-

아이콘의 모양이나 다른 스타일은 ul.social li {} 안에 소스를 수정하시면 됩니다.

예) 사각형으로 만들경우 border-radius: 100%; => border-radius: 0%;

폰트 라이센스(Free)

Icon Set: IcoMoon - Free -- http://keyamoon.com/icomoon/

License: CC BY 3.0 -- http://creativecommons.org/licenses/by/3.0/

네티즌 의견 이용하신 자료의 후기를 자유롭게 작성하세요. (상업적인 광고 및 도배성 글 등은 사전통보없이 삭제될 수 있습니다.)

내용

아이디

의견남기기

폰트 바꾸는법이랑좀 다 알려주실수 있나요 ㅜㅜ..
사용설명서 같은걸 만들어주세요
이걸수정하면 아이콘이 커지고
이걸사용하면 저 템플릿에 이미지를 넣을수 있습니다 이런거요 ㅎ

2013-10-15 19:57:24

보스

찬성

반대