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

— Add-On para WorldWideScripts.net

@pt1wwsAssine o nosso feed para se manter atualizado!

Novo! Siga-nos o que você quiser!


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

Ads

Ad: Bluehost hosting

Coleção de Flips e os efeitos de cartões usando CSS3 3D e jQuery.
Fácil de implementar com o seu CSS e marcação HTML
Obras em todos os navegadores modernos (Google Chrome, Safari e Firefox)


o que você precisa:

  • flipCard.css (todo o estilo e efeitos necessários para virar cartões)
  • flipCard.js (todos os eventos necessários para acionar os efeitos)
  • jquery-1.8.3.min.js (escrito com jQuery)
  • Simples marcação html (todos os exemplos estão no arquivo index.html)

extra:
  • style.css (algum estilo aleatório para a marcação básica, não é necessário)

Você pode mudar as dimensões dos cartões apenas especificando a largura ea altura com esta paz de código CSS:
.card-container {
width: 200px;
height: 200px;
}

Change Log

 ----> Atualização: 03 de julho de 2014 Corrigido alguns problemas com o Firefox v30 ----> Atualização: 26 de fevereiro de 2014 Agora você pode especificar a proporção na div recipiente como este:-ratio de dados = "1: 2" ----> Atualização: 19 de novembro de 2013 Agora, o fallback é compatível com o IE 11 ----> Atualização: 06 de outubro de 2013 Corrigido alguns problemas quando você passa o mouse sobre uma placa de inversão quando a página está carregando ----> Atualização: 06 de agosto de 2013 (substitua arquivo CSS) Corrigir alguns problemas com o efeito 3D no Firefox ----> Atualização: 26 de julho de 2013 Corrigido alguns erros console no IE ----> Atualização: 21 de maio de 2013 Corrigido alguns problemas de atrito No Firefox para as cartas lançando ----> BIG Update: 06 de maio de 2013 Efeito Auto Flip é agora disponível, você pode definir o tempo até que um cartão vai virar automaticamente, também é possível definir o momento em que o cartão vai começar fazendo as autoflips. (Você pode vê-lo na visualização ao vivo) NOTA: quando você faz uma mouseover em um cartão auto flipping não vai virar contanto como você tem o rato sobre o cartão Adicionado temas de cores para os cartões lançando, e você pode fazer o seu próprio. ----> Atualização: 28 de abril de 2013 Agora é compatível com jQuery 1.9.1 ----> Atualização: 10 de abril de 2013 Adicionado também um retorno de um efeito de fade para navegadores que não suportam CSS3D como versões antigas do Chrome e Firefox. ----> Atualização: 18 de fevereiro de 2013 Adicionado um fallback para o IE de um efeito de fade. 

Download
Outros componentes nesta categoriaTodos os componentes deste autor
ComentáriosPerguntas mais frequentes perguntas e respostas

Propriedades

Criado:
2 13 de janeiro

Última atualização:
4 14 de julho

Navegadores compatíveis:
Firefox, Safari, Chrome

arquivos incluídos:
JavaScript JS, HTML, CSS

Versão do software:
jQuery

Palavras-chave

comé, rcio eletrô, nico, comé, rcio eletrô, nico, Todos os itens, flip auto, cartõ, es 3D, clique eventos em foco, CSS 3D, cartõ, es Flip 3D, cartõ, es lanç, ando, mú, ltiplos efeitos, 3D rotaç, ã, o, cronô, metro