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

회원가입

출석체크

마이페이지

CGIMALL

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

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

클라우드태그

Javascript

PHP

ASP

CSS

HTML

MYSQL

jquery

image

Mobile

API

slide

게시판

메뉴

현재접속자 명

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

해피팀

네티즌

소스분류

기타효과

다운로드 횟수

448 회

간단설명

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

보스

찬성

반대