Preguntas etiquetadas con css

146
Animación de rotación sin fin CSS

Quiero hacer una rotación de mi icono de carga por CSS. Tengo un ícono y el siguiente código: <style> #test { width: 32px; height: 32px; background: url('refresh.png'); } .rotating { -webkit-transform: rotate(360deg); -webkit-transition-duration: 1s; -webkit-transition-delay: now;...

146
CSS predeterminado de los navegadores para elementos HTML

¿Dónde puedo encontrar el CSS predeterminado de un navegador para elementos HTML? Muchos elementos HTML vienen con algunas propiedades CSS predeterminadas que a veces pueden dar lugar a un comportamiento desconocido / no deseado. Por ejemplo, los cuadros de entrada se muestran de manera diferente...

146
¿Cómo diseñar el botón de entrada y envío con CSS?

Estoy aprendiendo CSS. ¿Cómo diseñar el botón de entrada y envío con CSS? Estoy tratando de crear algo como esto pero no tengo idea de cómo hacerlo <form action="#" method="post"> Name <input type="text" placeholder="First name"/> <input type="text" placeholder="Last name"/>...

145
CSS background-image - ¿Cuál es el uso correcto?

¿Cuál es el uso correcto de la propiedad CSS-imagen de fondo? Las cosas clave que estoy tratando de entender es ¿Tiene que estar entre comillas, es decir: background-image: url('images/slides/background.jpg'); ¿Puede ser una ruta relativa (como arriba) o debe ser una URL completa? Cualquier otro...

145
Mapa de imagen sensible

Tengo un mapa de imagen existente en un diseño html receptivo. Las imágenes se escalan de acuerdo con el tamaño del navegador, pero las coordenadas de la imagen son obviamente tamaños fijos de píxeles. ¿Qué opciones tengo para cambiar el tamaño de las coordenadas del mapa de...

145
¿Cómo aplico opacidad a una variable de color CSS?

Estoy diseñando una aplicación en electrón, así que tengo acceso a las variables CSS. He definido una variable de color en vars.css: :root { --color: #f0f0f0; } Quiero usar este color main.css, pero con algo de opacidad aplicada: #element { background: (somehow use var(--color) at some...

144
Insertar imagen después de cada elemento de la lista

¿Cuál sería la mejor manera de insertar una imagen pequeña después de cada elemento de la lista? Lo intenté con una pseudo clase pero algo no está bien ... ul li a:after {display: block; width: 3px; height: 5px; background: url ('../images/small_triangle.png') transparent no-repeat;} ¡Gracias por...

144
En jQuery, ¿cómo puedo establecer las propiedades "superior, izquierda" de un elemento con valores de posición relativos al padre y no al documento?

.offset([coordinates])El método establece las coordenadas de un elemento pero solo en relación con el documento. Entonces, ¿cómo puedo establecer coordenadas de un elemento pero en relación con el padre? Encontré que el .position()método obtiene solo valores "superiores, izquierdos" relativos al...

144
Hacer que un iframe responda

Estaba leyendo esta publicación de stackoverflow titulada "¿Puedes hacer que un iFrame responda?", Y uno de los comentarios / respuestas me llevó a este jfiddle. Pero cuando traté de implementar el HTML y CSS para satisfacer mis necesidades, no tuve los mismos resultados / éxito. Creé mi propio...

143
Opacity CSS no funciona en IE8

Estoy usando CSS para indicar el texto desencadenante para una sección deslizable de jQuery: es decir, cuando pasa el cursor sobre el texto desencadenante, el cursor cambia a un puntero y la opacidad del texto desencadenante se reduce para indicar que el texto tiene una acción de clic . Esto...