시작페이지로 즐겨찾기추가
로그인
회원가입 l 출석체크 l 마이페이지 l CGIMALL
happycgi
자료실 사이트등록 랭킹100 프로그램리뷰 관리자추천자료 초보가이드
커뮤니티
전체 펼쳐보기
퀵메뉴링크 jquery , CSS , PHP , Javascript , 무료폰트 , ASP
상세검색
 > CSS > 유용한 사이트 > CSS3 를 이용한 다양한 아이콘효과를 확인해보세요 상세정보
사이트등록
클라우드태그
Javascript
php
CSS
html
asp
API
jquery
mysql
image
Mobile
slide
게시판
메뉴
현재접속자 45 새로고침
CSS3 를 이용한 다양한 아이콘효과를 확인해보세요
소스통계정보 오류신고 및 문의
해피팀
네티즌
트위터로 보내기 페이스북으로 보내기 네이버로공유
소스분류 유용한 사이트
다운로드 횟수 0 회
간단설명 Css3의 transitions 및 anumations 효과를 이용한 다양한 아이콘 효과를 확인하실 수 있습니다.
평가하기 훌륭함 매우좋음 좋음 괜찮음 보통 별로
홈페이지바로가기 데모 미리보기 스크랩하기
Css3를 이용하여 다양한 효과를 확인하실 수 있습니다. 단 Css3이기 때문에 구버전 ie에는 제약이
있지만. 요근래에 구버전 ie에서도 css3 효과를 동작가능하도록 제공하는 js들이 많으니 찾아서 사용해보시는 것도
좋을것 같습니다 ^^ 하지만 trasition 그리고 animation은 있는지 확실히 장담을 할 수 없습니다 ㅜㅜ

http://caniuse.com/

위 사이트에서 브라우저별로 동작하는 css속성들을 확인하실 수 있으니 확인해보시는것도 좋을것 같습니다.

기본적으로 trasition과 animaition에대한 css3 속성을 대충 한번 훌터보시고 자료를 받아서 사용하시면
쉽게 적용가능하리라 생각합니다.






http://tympanus.net/codrops/2013/05/30/simple-icon-hover-effects/


위 링크로 가시면 다운로드 링크와 함께 데모버전도 확인하실 수 있으며, 총 9가지의 다양한 형태의
trasition과 animation효과를 이용한 버튼들을 보여주고 있습니다.


아이콘은 SVG를 이용하여 사용하고 있으며
아래의 링크에서 SVG에 대한 기본적인 정보를 확인하실 수 있습니다.

SVG 벡터이미지


위 소스를 사용하시기전에 상업용 사이트에 사용하실것이라면 라이센스를 확인해보시길 바라며 ^^
사이트 제작에 도움이 됏으면 합니다
네티즌 의견   이용하신 자료의 후기를 자유롭게 작성하세요. (상업적인 광고 및 도배성 글 등은 사전통보없이 삭제될 수 있습니다.)
내용 아이디 의견남기기
등록된 의견이 없습니다.
1
이름
내용
:네맞아요: :화나는군요: :잠와: :우울해: :이건아냐: :왕하하: 왕웃음~ 놀램~
평가하기 훌륭함 매우좋음 좋음 괜찮음 보통 별로
도배방지키
 71664573 보이는 도배방지키를 입력하세요.