Resultados de la búsqueda a petición "css3"
Estilos basados en el número de hijos.
Tengo un contenedor.homepage-section) y dentro de esto podría haber hasta tres.widget's. Dependiendo de cuantos.widgetestá dentro de.homepage-section, Me gustaría que los anchos cambien. He seguido el enfoque descrito por Lea Verou ...
¿Por qué el selector h3: nth-child (1): contiene ('a') funciona?
Compruebo este selector: h3:nth-child(1):contains('a')selector no funciona? Compruebo esto en firefinder y no devuelve nada (no información de que hay cero elementos) Entonces verifique esto: h3:nth-child(1)y devuelve h3, por lo que el ...
¿Crear un bucle usando SCSS para cambiar imágenes de fondo con CSS3 animado?
He creado el comienzo de una animación CSS3 como se muestra a continuación. He intentado usar @for y @each dentro de SCSS para crear un bucle que incremente los% 's y también el número de cada imagen de fondo. Mi conocimiento de SCSS avanzado ...
Optimizar el sitio web para dispositivos táctiles
En un dispositivo táctil como iPhone / iPad / Android puede ser difícil presionar un botón pequeño con el dedo. No conozco ninguna forma de navegador cruzado para detectar dispositivos táctiles con consultas de medios CSS. Así que verifico si el ...
¿Por qué document.querySelector no funciona en pseudoelementos?
Estoy jugando con pseudo elementos y javascript, pero de alguna manera no puedo diseñarlo usando javascript. var div = document.querySelector(":before"); div.style["display"] ="none";div{ width:200px; height:200px; background:red; ...
Acerca de sitios receptivos, píxeles y densidad
He codificado un sitio web receptivo, en el que tengo consultas de medios CSS para detectar el tamaño de pantalla (píxeles) del dispositivo con el que el usuario está navegando. Solo medios estándar. Ejemplo: @media (max-width: 1199px){ ...
Incline el borde div de un solo lado usando solo un div
He creado un div sesgado usando el siguiente CSS #outer-left{ -ms-transform: skew(-30deg,0deg); /* IE 9 */ -webkit-transform:skew(-30deg,0deg); /* Chrome, Safari, Opera */ transform: skew(-30deg,0deg); background:#333333; width:200px; ...
Rejilla receptiva de hexágonos
Cargué varias imágenes en mi sitio web desde Internet. ¿Es posible dar a todas esas imágenes unforma hexagonalen una cuadrícula receptiva? <div> <img src="link" class="Image"> </div> <div> <img src="link" class="Image"> </div> ...Encontré varias ...
¿Por qué 'font-family' no se hereda en las etiquetas '<button>' automáticamente?
He notado que en caso de<button> etiquetas,Familia tipográficano se hereda automáticamente; o debo especificarlo explícitamente como: <button style="font-family: some_style;">Button</button>o usarheredarpropiedad como esta: <button ...
dos círculos deben seguir el cursor: uno pequeño y otro grande (con retraso)
He visto esta tendencia en algunos sitios web ahora, donde el cursor predeterminado se reemplaza con un nuevo cursor, en muchos casos círculos Estos cursores son interactivos, con interactivo quiero decir que al pasar el cursor sobre una ...