Saltar al contenido

Efectos que tus visitantes sienten

Cincuenta y ocho efectos listos: apariciones, contadores, focos, cristal, marquesinas, navegación, formularios. Elige uno en el constructor, ajusta dos controles y aplica. Cero créditos, se quita con un clic.

Seis de cincuenta y ocho

Fondo auroraManchas de color suaves flotan despacio detrás de la primera pantalla
Título letra por letraEl título principal se compone letra por letra
Foco en tarjetasUn punto de luz suave sigue al cursor por las tarjetas
Máscara sobre imagenUna máscara deslizante descubre la imagen al entrar en pantalla
ContadoresLas cifras de las estadísticas cuentan desde cero al entrar en pantalla
MarquesinaUna fila de logos o palabras se desliza en un bucle continuo

También en el catálogo:Aparición de seccionesCascadaTítulo palabra por palabraParalajeInclinación de tarjetaBotones magnéticosSuperficie de cristalNavegación fija de cristalEnvío con reciboEtiquetas descifradasEnfoque al aparecerSección fijadaBarra de progreso de lecturaRotación al desplazarseTono por secciónBorde luminosoZoom de imagen al pasar el cursorCursor propioSubrayado deslizanteRejilla de puntosGrano de películaBrillo neónPíldora deslizanteElevación al pasar el cursorBrillo en botonesVolteo de tarjetaPartículas que mutanObjeto de cristalProducto en pedestalCampo de estrellasFluido bajo el cursorDegradado con shaderIsla de vóxelesEcosistema en órbitaBanda horizontalDock con aumentoMenú en píldoraNavegación en el móvilAviso flotanteEsqueleto de cargaConfetiVídeo en la primera pantallaDegradado en el títuloTrazo de pincelNúmeros de secciónOnda entre seccionesFotos en duotonoMarco desplazadoBrillo en la tarjetaRespuesta del botónFoco visibleAjuste por secciones

Cómo hacerlo

  • 1Elige una sección a la izquierda o pulsa «Animar»: tres sugerencias para su tipo.
  • 2Pasa el cursor por una tarjeta: la vista previa es real, el mismo código que irá al sitio.
  • 3Ajusta los controles y pulsa «Aplicar». Cero créditos, un botón para quitarlo.
  • 4«Ritmo» y «Sin movimiento» actúan sobre todo el sitio; los efectos pesados se aligeran solos en el móvil.

Cada efecto es CSS normal y un script de 3 KB, sin bibliotecas. Los móviles reciben solos una versión más ligera; quien desactivó el movimiento ve el estado final.