Articles of css3

¿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 […]

Expande div desde el centro en lugar de solo arriba e izquierda usando CSS

No estoy seguro de si esto es posible, pero pensé que sería genial usar transformaciones CSS para crear un efecto donde un div se expande desde su centro a un alto y ancho predeterminados, en lugar de solo desde la esquina superior izquierda. Por ejemplo, si tengo ( demo ) y (prefijos del vendedor omitidos […]