WorldWideScripts.net Delivering the best Add-Ons in more than 37 languages.

中文(简体), English, हिन्दी/हिंदी, Español/Castellano, العربية, Русский язык, Français, 中文 (台灣), বাংলা, Bahasa Indonesia, اردو, Português, Deutsch, Bahasa Melayu (بهاس ملايو‎), 日本語 (にほんご), فارسی, Italiano, తెలుగు, Türkçe, ગુજરાતી, Język polski/polszczyzna, Tiếng Việt, ಕನ್ನಡ, Українська мова, ไทย
JavaScript / Images and Media

Flipping Cards 3D with jQuery/CSS3

— 추가 기능 WorldWideScripts.net 에

@ko1wws최신 상태로 유지 하기 위해 우리의 피드를 구독!

새로운! 당신이 그것을 원하는대로 우리를 따르라!


Flipping Cards 3D with jQuery/CSS3 - CodeCanyon Item for Sale

Ads

Ad: Bluehost hosting

뒤집의 수집 및 CSS3 3D 및 jQuery를 사용하여 카드의 효과.
당신의 CSS 및 HTML 마크 업으로 구현하기 쉬운
모든 현대적인 브라우저에서 작동 (구글 크롬, 사파리 & 파이어 폭스)


당신은 필요 :

  • flipCard.css (모든 스타일과 카드를 뒤집기 위해 필요한 효과)
  • flipCard.js (효과를 트리거하는 데 필요한 모든 이벤트)
  • JQuery와-1.8.3.min.js (jQuery로 작성)
  • 간단한 HTML 마크 업 (모든 예는 index.html 파일에 있습니다)

특별한:
  • 있는 style.css (기본 마크 업에 대한 몇 가지 임의의 스타일, 필요하지 않음)

방금 폭 및 CSS이 코드 평화 높이를 지정하여 카드의 크기를 변경할 수있다 :
.card 컨테이너 {
폭 : 200 픽셀;
높이 : 200 픽셀;
}

로그인 변경

 ----> 업데이트 : 2014년 7월 3일 파이어 폭스 V30 몇 가지 문제가 수정되었습니다 ----> 업데이트 : 2014년 2월 26일 "2 1"= 데이터 비율 : 지금 당신은이 같은 컨테이너 사업부의 비율을 지정할 수 있습니다 ----> 업데이트 : 2013년 11월 19일 이제 대체는 IE 11과 호환 ----> 업데이트 : 2013년 10월 6일 당신이 반전 카드 위에 마우스를 올려 때 몇 가지 문제가 해결 될 때 페이지가 로딩입니다 ----> 업데이트 : 2013년 8월 6일 (CSS 파일을 대체) 파이어 폭스의 3D 효과와 함께 몇 가지 문제를 해결 ----> 업데이트 7 월 26 일 : 2013 년 IE에 고정 일부 콘솔 오류 ----> 업데이트 : 2013년 5월 21일 오버 반전 카드를 파이어 폭스에 일부 부착 문제를 수정 ----> BIG 업데이트 5 월 6 일 : 2013 년 카드 플립 것까지 자동 플립 효과가 사용할 수 있습니다, 당신은 시간을 설정할 수 있습니다 카드가 시작할 때 자동으로, 또한 당신은 시간을 설정할 수 있습니다 autoflips을하고. (당신은 실시간 미리보기에서 볼 수 있습니다) 참고 : 자동 반전 카드에 마우스 오버를 할 때 한 플립하지 않습니다 당신은 카드 위에 마우스를 가지고 뒤집기 카드에 대한 색상 테마를 추가, 당신은 당신의 자신을 만들 수 있습니다. ----> 업데이트 : 2013년 4월 28일 지금의 jQuery 1.9.1와 호환 ----> 업데이트 : 2013년 4월 10일 크롬과 파이어 폭스의 이전 버전과 같은 CSS3D을 지원하지 브라우저도 페이드 효과의 대체가 추가되었습니다. ----> 업데이트 : 2013년 2월 18일 페이드 효과의 IE에 대한 대체를 추가했습니다. 

다운로드 할 수 있습니다
해당 카테고리의 다른 구성 요소이 작성자 의 모든 구성 요소
의견자주하는 질문과 답변 을 요구했다

속성을 선택합니다

만들어진:
1월 2일 (13)

마지막 업데이트:
7월 4일 (14)

지원되는 브라우저:
파이어 폭스, 사파리, 크롬

파일 포함:
자바 스크립트 JS, HTML, CSS

소프트웨어 버전:
jQuery를

키워드

전자 상거래, 전자 상거래, 모든 아이템, 자동 플립, 카드의 3D, 호버 이벤트를 클릭, CSS 차원, 플립 카드 3D, 반전 카드, 여러 효과, 회전 3D, 시간제 노동자