Preguntas etiquetadas con css

CSS (Cascading Style Sheets) es un lenguaje de hojas de estilo de representación que se utiliza para describir el aspecto y el formato de documentos HTML (HyperText Markup Language), XML (Extensible Markup Language) y elementos SVG que incluyen (entre otros) colores, diseño, fuentes, y animaciones. También describe cómo se deben representar los elementos en la pantalla, en papel, en el habla o en otros medios.

El círculo SVG debe adaptarse a la altura de la cuadrícula CSS sin superponerse

En el siguiente ejemplo, el círculo se adapta al ancho de la cuadrícula y mantiene su relación de aspecto. A medida que el ancho del contenedor se reduce, los círculos se reducen con él ... Sin embargo, cuando la altura es menor que el ancho (segundo recuadro), el círculo no …

8 html css svg css-grid aspect-ratio

ARIA hace que el lector lea contenido de elementos no enfocados

Tengo elementos en una página que son "enfocables" (botones, elementos con índice de tabla, etc.) y el lector de pantalla lee bien el contenido. Sin embargo, tengo algunos otros elementos que no son enfocables (debido al hecho de que hay muchos de ellos: resultados de la lista desplegable, etc.), por …

8 javascript html css wai-aria

Calcular la altura div dada un ancho conocido?

Tengo un div que contiene una imagen y algo de texto (la imagen es de tamaño variable y el texto es de longitud variable). ¿Hay alguna forma de calcular la altura requerida para ajustar todo el contenido div, dado que el ancho exacto está predefinido? UPD obtiene el mismo resultado …

8 javascript css

Cómo aplicar el efecto de animación personalizado @keyframes en MaterialUI usando makestyles ()

Aprendí a usar animación en CSS usando @keyframe. Sin embargo, quiero escribir mi código de animación personalizado en mi proyecto de reacción (Uso de materialUI). Mi desafío es cómo puedo escribir el código javascript para personalizar mis animaciones usando makeStyle () en MaterialUI. Quiero poder personalizar los procesos de transición …

8 css reactjs material-ui jss

Cómo reemplazar el icono de reproducción / pausa alternar con texto

Actualmente estoy luchando con una forma de reemplazar los iconos de reproducción / pausa con texto mientras mantengo la animación de alternancia. Estoy tratando de entender exactamente qué código JS está representando los iconos, y en segundo lugar eliminarlos / ocultarlos, para que puedan ser reemplazados por texto Todavía soy …

8 javascript jquery css

CSS: deshabilitar el efecto de rebote para desplazarse en iOS 13

En las notas de la versión de Safari 13 se afirma que ya no es necesario aplicar lo siguiente a un elemento para habilitar el efecto de desplazamiento de rebote: div { overflow-x: scroll; -webkit-overflow-scrolling: touch; /* No longer needed */ } Sin embargo, ahora ya no puedo desactivar este …

8 html ios css scroll webkit

Alinear la altura de la imagen a lo largo de una fila

Luchando para que las cosas se comporten. Tengo una lista dinámica de imágenes en un sitio receptivo. El diseño se genera donde las imágenes pueden estar en filas / columnas o filas de columnas. Este ejemplo está cerca, pero las imágenes emparejadas no se alinean en la parte inferior a …

8 html css flexbox object-fit

Repetir un conjunto de colores en divs anidados con CSS

Tengo un conjunto de cuatro colores y quiero aplicarlos a los div anidados, por lo que cada próximo hijo tiene un color diferente. Si hay un quinto nivel de anidamiento, quiero comenzar de nuevo con el primer color y tenerlo en curso, incluso si tengo niveles infinitos de anidamiento . …

8 html css css-selectors

Al usar nuestro sitio, usted reconoce que ha leído y comprende nuestra Política de Cookies y Política de Privacidad.

Licensed under cc by-sa 3.0 with attribution required.