¿Cómo puedo hacer que dos animaciones CSS se reproduzcan a diferentes velocidades ? La imagen debe girar y crecer al mismo tiempo. La rotación tendrá un ciclo cada 2 segundos. El crecimiento tendrá un ciclo cada 4 segundos. Código de ejemplo: .image { position: absolute; top: 50%; left:...
Tengo que importar la fuente Klavika y la he recibido en varias formas y tamaños: Klavika-Bold-Italic.otf Klavika-Bold.otf Klavika-Light-Italic.otf Klavika-Light.otf Klavika-Medium-Italic.otf Klavika-Medium.otf Klavika-Regular-Italic.otf Klavika-Regular.otf Ahora me gustaría saber si es posible...
Estoy usando Bootstrap 4. Traté de quitar la flecha en el menú desplegable. Las respuestas que encontré para Bootstrap 3 ya no funcionan. El jsfiddle está aquí . <div class="dropdown open"> <button class="btn btn-secondary dropdown-toggle" type="button" id="dropdownMenu1"...
Cerrado. Esta pregunta no cumple con las pautas de Stack Overflow . Actualmente no acepta respuestas. ¿Quieres mejorar esta pregunta? Actualice la pregunta para que esté relacionada con el tema de Stack Overflow. Cerrado hace 2 años . Mejora esta...
Este es uno que no he tenido que abordar antes. Necesito usar etiquetas alt en todas las imágenes de un sitio, incluidas las utilizadas por el atributo de imagen de fondo de CSS. Hasta donde yo sé, no existe una propiedad CSS como esta, entonces, ¿cuál es la mejor manera de hacer esto, por...
Tengo una determinada hoja de estilo para un div. Ahora quiero modificar un atributo de div dinámicamente usando js. ¿Cómo puedo hacerlo? document.getElementById("xyz").style.padding-top = "10px"; ¿Es esto
Tengo algo de HTML que tendría elementos con múltiples clases, y necesito asignarlos dentro de una regla, de modo que las mismas clases puedan ser diferentes dentro de diferentes contenedores. Digamos que tengo esto en mi CSS: .border-blue { border: 1px solid blue; } .background { background:...
¿Hay alguna forma de seleccionar cada enésimo niño que coincida (o no) con un selector arbitrario ? Por ejemplo, quiero seleccionar todas las filas impares de la tabla, pero dentro de un subconjunto de filas: table.myClass tr.row:nth-child(odd) { ... } <table class="myClass"> <tr>...
Entonces tengo las siguientes transiciones CSS adjuntas al elemento a: a { -webkit-transition:color 0.1s ease-in, background-color 0.1s ease-in ; -moz-transition:color 0.1s ease-in, background-color 0.1s ease-in; -o-transition:color 0.1s ease-in, background-color 0.1s ease-in;...
¿Existe una solución de solo CSS para escalar una imagen en un cuadro delimitador (manteniendo la relación de aspecto)? Esto funciona si la imagen es más grande que el contenedor: img { max-width: 100%; max-height: 100%; } Ejemplo: Caso de uso 1 (funciona): http://jsfiddle.net/Jp5AQ/2/ Caso...
Usando este código <iframe frameborder="0" style="height: 185px; overflow:scroll; width: 100%" src="http://www.cbox.ws/box/?boxid=439&boxtag=7868&sec=main" marginheight="1" marginwidth="1" name="cboxmain" id="cboxmain" seamless="seamless" scrolling="no" frameborder="0"...
Dado que puede subrayar cualquier texto en CSS así: H4 {text-decoration: underline;} ¿Cómo puede también editar esa 'línea' que se dibuja, el color que obtiene en la línea se especifica fácilmente como 'color: rojo' pero cómo se edita la altura de la línea, es decir, el...
Abrí la consola (chrome \ firefox) y ejecuté las siguientes líneas: $("body").append("<div id=\"popupFrame\" style=\"width:100%;height:100%;background-color:black;opacity:0.5;position:absolute;top:0;left:0;z-index:1;\" />"); $("body").append("<div id=\"popupContent\"
Sé que puede usar una combinación de reglas CSS para hacer que el texto termine con puntos suspensivos (...) cuando sea el momento de desbordar (salir de los límites de los padres). ¿Es posible (siéntase libre de decir simplemente no) lograr el mismo efecto, pero dejar que el texto se ajuste a más...
Necesito cambiar la <img>URL de origen enhover . He intentado esto pero no funcionará: HTML <img id="my-img" src="http://dummyimage.com/100x100/000/fff"/> CSS #my-img:hover { content: url('http://dummyimage.com/100x100/eb00eb/fff'); } jsFiddle Cualquier ayuda sería
Estoy usando Bootstrap 3 y me gustaría agregar algunos botones en el encabezado del panel, en la esquina superior derecha. Al intentar agregarlos, se muestran debajo de la línea de base del título. Código: http://bootply.com/82631 ¿Cuáles son los CSS que faltan que debo agregar al título, el...
Estoy planeando alejarme de los diseños "flotantes" y usar CSS flexbox para proyectos futuros. Me encantó ver que todos los principales navegadores en sus versiones actuales parecen admitir (de una forma u otra) flexbox. Me dirigí a "Resuelto por Flexbox" para ver algunos ejemplos. Sin embargo, el...
¿Cómo puedo configurar el color de fondo CSS de un elemento HTML usando
Me gustaría devolver una cadena con todo el contenido de una regla CSS, como el formato que vería en un estilo en línea. Me gustaría poder hacer esto sin saber qué contiene una regla en particular, por lo que no puedo simplemente sacarlos por nombre de estilo (como, .style.widthetc.) El...
¿Es posible apilar varios DIV como: <div> <div></div> <div></div> <div></div> <div></div> </div> ¿Entonces todos esos DIV internos tienen la misma posición X e Y? Por defecto, todos van debajo de otros aumentando la posición Y por la...