Articles of css3

Cambio de CSS en función del valor

Se me ha pedido que implemente una pequeña validación en los valores y si los valores son mayores o menores que 0, necesito cambiar o agregar / eliminar el css para las tags td e i Mi mesa se ve algo como esto. Year Weeks VAR (%) -10.65% VAR (diff) -13,953 VAR (%) 8.81% VAR […]

Hacer que las imágenes de fondo sean receptivas – fullpage.js

Estoy usando fullpage.js para el desplazamiento de paralaje. ¿Es posible hacer que las imágenes de fondo sean de naturaleza natural cuando re-size mi window ? https://github.com/alvarotrigo/fullPage.js A continuación se muestra el ejemplo que estoy usando. https://github.com/alvarotrigo/fullPage.js/blob/master/examples/backgrounds.html Si observa que cada una de mis section tiene la propiedad de background-size con una cover , pero aún […]

¿Cambiar propiedades de Webkit a través de Javascript?

Por favor, ayúdenme, podría ser porque soy bastante nuevo en CSS Animations y Javascript, pero estoy usando un código que se supone que debe cambiar las propiedades de la misma y cuando ejecuto el código hace todo lo demás en el código, excepto para cambiar el Propiedades en CSS de la div deseada. He probado […]

Cómo crear una forma de triángulo (altura fija, ancho = 100%) con fondo

Tengo un fondo gráfico y necesito mostrar un triángulo de color en la esquina superior izquierda (independientemente de la resolución). ¿Puedo crear un elemento en forma de triángulo utilizando solo HTML / CSS / JS con ancho = 100% y alto = 200 px con fondo = rojo? Puedo crearlo por IMG con un ancho […]

migrar de ie8 a ie9

Qué cambios se deben hacer en una aplicación al migrar de ie8 a ie9 con respecto a css, html, javascript, DOM

Cambiar dinámicamente la familia de fonts y el tamaño de fuente

Quiero cambiar las fonts y el tamaño del texto dinámicamente pero no veo ninguna respuesta en el navegador y tampoco hay errores en mi código. Esta es una demostración. html: School SansitaOne oliver Jura-Light-webfont Jura-DemiBold-webfont DJGROSS-webfont College BYekan BRoya BMitraBold BMitra 7 10 15 17 20 this is my text example !!! jquery $(“#font”).change(function() { […]

Reemplazo de CSS3 para jQuery.fadeIn y fadeOut

He escrito una pequeña cantidad de código para tratar de replicar las .fadeIn() y .fadeOut() jQuery usando transiciones CSS para verse mejor en dispositivos táctiles. Idealmente, me gustaría evitar usar una biblioteca para poder escribir exactamente lo que quiero y como un ejercicio de aprendizaje. fadeOut funciona bien. La idea de fadeIn es usar transiciones […]

¿Cómo se puede usar flexbox para centrar verticalmente el texto en un div de altura fija sin desbordarse arriba?

La primera línea de texto en el tercer .box se levanta sobre la parte superior del div y se corta. Me gustaría que pareciera lo mismo que la segunda casilla (bueno, en realidad lo ideal es que la segunda casilla más una … ). ¿Se puede hacer esto con flexbox? Si no, ¿se puede hacer […]

HTML5 – ¿Empezar juntos el audio y el video?

¿Cómo puedo hacer para que el audio y el video se inicien exactamente al mismo tiempo utilizando y ? JavaScript está bien (y probablemente sea necesario). ¡Gracias!

Webkit transitionEnd agrupación de eventos

Tengo un elemento HTML al que he adjuntado un evento webkitTransitionEnd. function transEnd(event) { alert( “Finished transition!” ); } var node = document.getElementById(‘node’); node.addEventListener( ‘webkitTransitionEnd’, transEnd, false ); Luego procedo a cambiar sus propiedades superiores e izquierdas de CSS como: node.style.left = ‘400px’; node.style.top = ‘400px’; Esto hace que el DIV se mueva suavemente a […]