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

@es1wwsSuscríbete a nuestro RSS para estar al día!

¡Nuevo! Síguenos como quieras!


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

Ads

Ad: Bluehost hosting

Colección de tirones y los efectos de las tarjetas utilizando CSS3 y jQuery 3D.
Fácil de implementar con el CSS y el formato HTML
Trabaja en todos los navegadores modernos (Google Chrome, Safari y Firefox)


Que necesitas:

  • flipCard.css (todo el estilo y efectos necesarios para voltear las tarjetas)
  • flipCard.js (todos los eventos necesarios para activar los efectos)
  • jquery-1.8.3.min.js (escrito con jQuery)
  • marcado HTML simple (todos los ejemplos están en el archivo index.html)

extra:
  • style.css (un poco de estilo al azar para el marcado básico, no es necesario)

Puede cambiar las dimensiones de las tarjetas simplemente especificando el ancho y la altura con esta paz de código CSS:
.card-contenedor {
Anchura: 200px;
altura: 200px;
}

cambio de registro

 ----> Actualizar el 3 julio, 2014 Se han solucionado algunos problemas con Firefox v30 ----> Actualización: Feb 26, 2014 Ahora puede especificar la relación en el div contenedor de la siguiente manera: ratio de datos = "1: 2" ----> Actualización: 19-nov 2013 Ahora el repliegue es compatible con Internet Explorer 11 ----> Actualización: 6 Octubre 2013 Se han solucionado algunos problemas cuando se pasa sobre una tarjeta de mover de un tirón cuando se carga la página ----> Actualización: 6 Agosto 2013 (reemplazar el archivo CSS) Solucionar algunos problemas con el efecto 3D en Firefox ----> Actualización: 26 Julio 2013 Se han solucionado algunos errores de la consola en el IE ----> Actualización: 21 de mayo 2013 Se han solucionado algunos problemas de fricción en firefox para las tarjetas de más de flipping ----> Actualizar GRANDE: May 6, 2013 Efecto de Volteo automático ya está disponible, se puede establecer el tiempo hasta que una tarjeta le dará la vuelta de forma automática, también puede establecer el momento en el que la tarjeta se iniciará haciendo las autoflips. (Se puede ver en la vista previa en vivo) NOTA: cuando se hace una por encima del ratón en una tarjeta de volteo automático no le dará la vuelta, siempre cuando usted tiene el ratón hacia la tarjeta Añadido temas de color para las tarjetas de mover de un tirón, y usted puede hacer su propio. ----> Actualización: 28 de abril 2013 Ahora es compatible con jQuery 1.9.1 ----> Actualización: 10 Abril 2013 Añadido también un retroceso de un efecto de fundido para los navegadores que no soportan CSS3D igual que las versiones anteriores de Chrome y Firefox. ----> Actualización: Feb 18 de, 2013 Se ha añadido un retroceso para el IE de un efecto de desvanecimiento. 

Descargar
Otros componentes de esta categoríaTodos los componentes de este autor
ComentariosPreguntas frecuentes y respuestas

Propiedades

Creado:
2 de enero de 13 de

Última actualización:
4 14 de julio

Los navegadores compatibles:
Firefox, Safari, Chrome

archivos incluidos:
JS JavaScript, HTML, CSS

Versión del software:
jQuery

Palabras clave

eCommerce, eCommerce, Todos los artí, culos, autobasculante, tarjetas 3D, haga clic en eventos activables, CSS 3d, cartas invertidas 3D, tarjetas de mover de un tiró, n, mú, ltiples efectos, 3D rotació, n, minutero