Articles of css3

Usando jQuery animate en canvass

Quiero animar un elemento de canvas html5 con solo una forma simple dibujada usando el mecanismo de ruta. Cuando mueva el mouse sobre él, quiero ampliarlo, hacerlo más opaco y cambiar los colores. ¿Puedo hacer esto con la función animate () de jQuery? ¿Cuál es el mejor enfoque? ¿Tiene el canvas un mecanismo para hacer […]

Zoom de CSS para ajustar altura y ancho (estirar)

Mi contenido está en un contenedor de 800×480 píxeles. Cuando la ventana cambia de tamaño, mi objective es: Zoom / estirar el contenedor para llenar toda la pantalla Incluyendo a todos los hijos del contenedor y manteniendo sus posiciones relativas. No me importa mantener la relación de aspecto. Entonces, cuando el ancho / alto de […]

Pie de página pegajoso hasta la altura del documento mayor que la ventana gráfica

EDITAR Marcado incorrectamente como duplicado, lo marqué como duplicado antes de probar la respuesta en la pregunta referida. No proporciona exactamente lo que quiero, que es un pie de página adhesivo inicialmente y solo flota en la parte inferior de la página cuando el contenido es más grande que la ventana gráfica. /EDITAR EDIT2 Encontré […]

reinicie las presentaciones de diapositivas para comenzar en la primera diapositiva con cada botón del manejador de clics

Tengo una serie de presentaciones de diapositivas, un poco torpe, pero funcionan. var Slideshow = { paginate: function () { var slides = $(‘div.slide’, ‘.allslideshow’), total = slides.length; $(‘.slideshow-nav-total’).text(total); slides.each(function (i) { $(this).data(‘index’, i + 1); }); }, moveTo: function($a) { var slide = $($a.attr(‘href’)); var wrapper = $(‘.slideshow-wrapper’); wrapper.animate({ left: -slide.position().left }, 300, ‘linear’, […]

La imagen se mueve al arrastrar

En Chrome funciona bien, pero no en Firefox, como se puede ver en el JSFiddle . El problema es que la imagen al lado del jugador se mueve cuando el jugador es arrastrado. Aquí está el CSS: .player { color: #000; background-color: rgba(40, 180, 40, 0.8); padding: 5px; border: 2px solid #000; border-radius: 50px; display: […]

¿Cómo agregar la validación de formularios en HTML?

Tengo un formulario: College Name: College 1 College 2 College 3 College 4 College 5 College 6 Enquiry Type: MD/MS Coaching MDS Coaching DNB Coaching Message Submit Ahora, necesito agregar el mensaje de validación a cada campo, como mostrar el texto en color rojo debajo del campo. No sé mucho sobre Javascript o JQuery. Por […]

Altura variable, div desplazable, contenidos flotantes.

Estoy tratando de construir esta aplicación web (eventualmente será un sistema de gestión de escenario / utilería / que para mi grupo de teatro de la comunidad) y he encontrado un problema bastante difícil. Disculpas si esta pregunta ha sido respondida antes, ciertamente no pude encontrar nada relacionado con este problema específico. Aquí están los […]

¿Hacer una barra de encabezado / menú para un menú de navegación fuera de canvas fijo?

Estoy teniendo problemas para hacer un elemento fijo con un diseño de navegación fuera del canvas. http://codepen.io/StuffieStephie/pen/wajxXa (cambia el tamaño de la ventana gráfica de modo que sea inferior a 1000 px, el encabezado no se ve de otra manera). En los estilos de escritorio, la barra de navegación es fija, pero en el móvil […]

¿Cómo expandir una palabra abreviada onhover en html a través de css o javascript o incluso usar jquery?

Para el sitio web de mi cartera, uso mi nombre como logotipo y pensé por qué no ser un poco más innovador y creativo, y en lugar de hacer que mi nombre use mis iniciales y onmousehover las iniciales se expandan en un orden específico. Por ejemplo, si usé TTS como el logotipo y al […]

¿Efecto de imagen doblada con CSS / JS / jQuery?

Estoy tratando de diseñar las imágenes en mi sitio web con un ligero efecto de flexión y una sombra debajo de las partes dobladas de la imagen, así (visto en ebay): ¿Alguien sabe como lograrlo? ¿Alguna sugerencia jQuery o java-script bibliotecas? ¿O es posible solo con CSS?