Articles of css3

CSS3 propiedad webkit-overflow-scrolling: toque ERROR

iOS 5 lanzó a los diseñadores web una nueva propiedad -webkit-overflow-scrolling:touch que utiliza el acelerador de hardware de los dispositivos iOS para proporcionar desplazamiento nativo para un div desplazable. Cuando se implementa en nuestro sitio en desarrollo, funciona pero no funciona bien. Creo que puede haber un problema de CSS, por lo tanto, pregunto aquí. […]

¿Cómo reiniciar / eliminar el resaltado de entrada / borde de enfoque de Chrome?

He visto que el cromo pone un borde más grueso en :focus pero parece que está apagado en mi caso, donde también he usado el radio del borde. ¿Hay alguna forma de eliminar eso?

¿Cómo dibujar un sector circular en CSS?

Bueno, dibujar un círculo con CSS puro es fácil. .circle { width: 100px; height: 100px; border-radius: 100px; border: 3px solid black; background-color: green; } ¿Cómo dibujo un sector? Dado un grado X [0-360], quiero dibujar un sector de X grados. ¿Puedo hacer eso con CSS puro? Por ejemplo: Gracias + Ejemplo Gracias Jonathan, utilicé el […]

Mantener la relación de aspecto de acuerdo con el ancho y la altura

Es posible ajustar y centrar un div cuadrado en la ventana gráfica y mantener siempre su relación de aspecto de acuerdo con el ancho y la altura . Requisitos: solo CSS el tamaño del cuadrado debe adaptarse a la dimensión más pequeña (ancho o alto) de la ventana gráfica, independientemente de la orientación (horizontal o […]

Establezca que los niños de flexbox tengan diferentes alturas para usar el espacio disponible

Utilizando un diseño de dos columnas de flexbox, ¿cómo se puede hacer que los niños de diferentes tamaños ocupen todo el espacio disponible, en lugar de que todos los niños tengan la altura del niño más alto de la fila? Configuré una demostración en jsbin que ilustra el problema. Me gustaría que todos los niños […]

Cómo agregar borde en mi clip-path: polygon (); Estilo CSS

Deseo saber si es posible agregar border en mi clip-path:polygon(); estilo o de alguna otra manera de agregar borde? como: border:5px solid red; CSS .poligon { display: inline-block; position:relative; width:150px; height:150px; background: black; box-sizing:border-box; padding:55px; } .poligon img { display: inline-block; border:5px solid red; width:150px; height:150px; -webkit-clip-path: polygon(92.32051% 40%, 93.79385% 43.1596%, 94.69616% 46.52704%, 95% 50%, […]

¿Es posible crear una esquina en ángulo en CSS?

Me pregunto si hay alguna forma de crear esta forma con CSS puro. Para ampliar aún más este problema, esta forma necesita recortar la imagen en el interior (piénselo como una máscara, pero el borde gris debe estar visible). ¿O es mejor crear esto en canvas / svg?

¿Es posible usar el radio del borde junto con una imagen de borde que tiene un degradado?

Estoy diseñando un campo de entrada que tiene un borde redondeado (radio de borde) e bash de agregar un degradado a dicho borde. Puedo hacer con éxito el degradado y el borde redondeado, sin embargo, ninguno de los dos funciona en conjunto. Está redondeado sin degradado o un borde con un degradado, pero no tiene […]

¿Puedo aplicar múltiples colores de fondo con CSS3?

Sé cómo especificar varias imágenes de fondo con CSS3 y cómo se muestran con diferentes opciones. Actualmente tengo un , que necesita tener un color diferente para aproximadamente el 30% del ancho en el lado izquierdo: div#content {background: url(“./gray.png”) repeat-y, white; background-size: 30%;} En lugar de cargar la imagen que es totalmente gris, ¿cómo puedo […]

CSS SOLAMENTE Animate Draw Circle con radio de borde y fondo transparente

Estoy tratando de dibujar un círculo con radio de borde y animarlo. Puedo hacer esto, pero lo que no puedo hacer es superponer elementos y establecer el fondo de círculos en transparente, sin mostrar la máscara. No puedo hacerlo transparente sobre los elementos porque la máscara debe aplicarse para ocultar la mitad izquierda del círculo […]