Articles of css

cambiar imagen en scroll

En mi sitio web hay una imagen fija. Esta imagen debe ser “animada”, lo que significa que los cuadros individuales de la animación deben ser iterados. Entonces, la idea es tener una serie de imágenes y cada vez que el usuario se desplaza, la matriz se itera y la imagen mostrada cambia, creando así una […]

Cómo obtener el atributo del elemento establecido en la clase CSS

Quiero leer la altura y el ancho del elemento. .big { height: 100px; width: 100px } Para box01 puedo usar height=getElementById(“box01”).style.height – eso está bien. Pero para box02 no funciona. No devuelve nada.

¿Por qué el centrado CSS desordena las coordenadas del canvas del ratón?

Estoy haciendo una aplicación de dibujo canvas HTML5 simple para la diversión. En mi código, siempre que centre el canvas con margin: auto; o position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); las coordenadas del mouse cambian, y ese cambio, o desplazamiento, parece depender del tamaño de la ventana. ¿Por qué se cambian las […]

Altura de consulta de medios CSS mayor que el ancho y viceversa (o cómo imitar con JavaScript)

La mayoría de las pantallas de escritorio y portátiles en la actualidad tienen un ancho mayor que la altura. La pantalla es “ancha” no “alta”. Los teléfonos inteligentes han hecho algo bastante bueno al permitir que la orientación del teléfono influya en la forma en que se presenta el contenido. Me gustaría hacer esto con […]

css en mi widget de JavaScript chocando con la página de destino css

He escrito un widget bastante básico para votar, los usuarios lo instalan casi como el código de Google Analytics simplemente agregando un código JavaScript al final de su código. Un problema que he notado ahora en algunas páginas que usan amplias reglas de CSS es que el diseño del widget se ensucia un poco. En […]

Microsoft Fluent Design for Web (marco CSS)

Como Microsoft lanzó recientemente un sistema de diseño llamado “Fluent Design”, ¿es apropiado aplicarlo en el diseño web? La mayor parte de mi búsqueda ha sido para todas las plataformas de Microsoft, la aplicación C #, F #, etc. Nunca he visto nada respecto al diseño web.

Fondos de respuesta con Twitter Bootstrap?

Me gustaría tener una disposición de imagen sensible para los fondos en un sitio. Por ejemplo, en función de diferentes resoluciones de pantalla, me gustaría que se cargaran diferentes imágenes de fondo. Además, sería útil si pudiera definir diferentes comportamientos; por ejemplo, un escritorio de mayor resolución tendría una imagen de fondo estirada más grande, […]

¿Cómo abarcar una imagen en varias columnas en un diseño de sitio CSS3?

Dado un diseño básico de cuatro columnas con un simple párrafo continuo de texto, junto con una sola imagen que abarca tres columnas, alineada en la parte superior derecha, ¿cómo podemos expandir nuestra imagen en las últimas tres columnas para que nuestro texto fluya automáticamente alrededor de la imagen? .quatroColumns{} /* css multi column 4 […]

Dividir el color del texto con CSS en comparación con el fondo

Estoy tratando de lograr lo siguiente pero realmente luchando. Simplemente estoy tratando de lograr un fondo diagonal que atraviesa el texto y cambia el color a mi elección. He intentado usar el modo mixto css, sin embargo, solo contrasta mis colores en lugar de tener la opción de dividir en dos colores diferentes. * { […]

Bootstrap 3 Popover flecha y posicionamiento de la caja

Estoy utilizando los elementos Bootstrap 3 para mostrar información sobre un enlace al pasar el cursor, antes de hacer clic en el enlace. Actualmente está funcionando en este momento, sin embargo, los enlaces se muestran desde un menú desplegable en la parte superior de la página. Cuando el primer enlace tiene mucha información al respecto, […]