Resultados de la búsqueda a petición "css3"
¿Por qué el diseño de tabla: fijo que afecta el ancho del elemento primario?
Puede alguien explicar por qué midiv contable-layout:fixed está cambiando el ancho de su elemento padre body en este caso) para que sea 100% cuando no debería ser 100% ya que está posicionado? body { border: 2px solid red; height: 100vh; ...
¿Hay algo que pueda hacer con la cuadrícula implícita que no puedo hacer con la cuadrícula explícita?
Tenemos la grilla implícita congrid-auto-rows ygrid-auto-columns. Sin embargo, también podemos usargrid-template-rows/grid-template-columns en combinación conrepeat yauto-fit para crear una cuadrícula explícita implícita. ¿Hay algo que ...
CSS Selectores: selección de un elemento secundario específico
Aquí está mi fragmento de código: <div class="totals"> <table id="shopping-cart-totals-table"> <col /> <col width="1" /> <tfoot> <tr> <td style="" class="a-right" colspan="1"> <strong>Grand Total</strong> </td> <td style="" class="a-right"> ...
¿Por qué la altura de mi elemento de cuadrícula no se calcula correctamente?
Tengo problemas con la altura de un elemento de cuadrícula CSS. El código que estoy usando es: .gridContainer { border: thin solid black; background: rgba(255, 0, 0, 0.5); display: grid; grid-template-columns: 1fr; grid-template-rows: 1fr; ...
a propiedad personalizada con alcance @CSS se ignora cuando se usa para calcular var en el alcance externo
Estoy intentando escalar el tamaño a través devar propiedad personalizada de una manera que las clases compondrían sin estar acopladas. El efecto deseado es que las 3 listas estarían en 3 escalas diferentes pero como demo en ...
css problema de índice z con elementos anidados
Tengo 3 elementos HTML que quiero ordenar en el plano z: .bank { width: 200px; height: 200px; background-color: grey; position: absolute; z-index: 100; transform: translateY(10%); } .card { width: 100px; height: 100px; background-color: red; ...
SVG. Imagen inversa usando css. Mantenga la imagen en el mismo lugar
Aquí hay un ejemplo de codepenhttps: //codepen.io/yury-leonov/pen/rZxxQ [https://codepen.io/yury-leonov/pen/rZxxQE] Code del ejemplo: $(".example").on("click", function(e){ $(e.target).toggleClass("reverse"); }).reverse{ transform: scaleX(-1); ...
Implementar encabezado para la tabla personalizada en html y Javascript?
Estoy implementando una tabla basada en JSON DATA. SO ahora puedo imprimir la tabla pero no puedo implementar el encabezado de columna. http: //jsfiddle.net/varunPes/0n9fmawb/74 [http://jsfiddle.net/varunPes/0n9fmawb/74/] var data = { ...
¿Cómo detener la animación de fotogramas clave exactamente después de 1 segundo sin usar setTimeout? - Eventos problemáticos en la cola
Creo que este será un problema realmente difícil de resolver ... Creé un velocímetro que muestra la cantidad de terremotos ocurridos en mi ciudad. Quiero animar este velocímetro de dos maneras:background-color (verde cuando no hay terremotos y ...
¿Por qué Chrome y Firefox muestran diferentes resultados de diseño flexible?
Cuando solo hay una fila de "elementos flexibles", Chrome y Firefox muestran resultados diferentes. ¡Cuando hay más de una línea (ajuste), Chrome y Firefox muestran el mismo resultado! Entonces, ¿por qué está pasando esto? ¿Es un error o hay ...