Articles of css3

CSS Flex – Tengo una lista de elementos que puedo necesitar para desplazarlos horizontalmente con el desbordamiento oculto

Tengo 3 artículos dentro de un div. Este su contenedor debe ser 100% widget con una barra de desplazamiento horizontal. Así como un carrusel. .wrapper { display: flex; flex: 1 1 0; overflow-x: scroll; overflow-y: hidden; } .content { display: flex; width: 500px; } .item { height: 200px; width: 100px; margin-right: 10px; } Resultado: quiero […]

Desafío css al girar (transformar: rotar) bloque – ancho automático

Tengo un pequeño problema con el bloque girado 90 grados usando la transformación css. El desafío está en lo siguiente: El bloque girado está dentro de la columna vertical de 40px. Esto significa que el ancho del bloque girado en modo automático no es más de 40px. Por lo tanto, la porción de texto no […]

pantalla: ninguno no funciona para la opción

Demo aquí HTML: display:none not works,the hidden can not select. A B C D E F G H I display:none works,the hidden can select. A B C D E F G H I CSS: select{width:50px;} [value=C]{ display: none; } /* will hold the position */ [value=B]{ visibility: hidden; } El atributo de tamaño afectará la […]

¿Cómo lograr esta forma con cortes en ángulo en la parte inferior y un fondo de imagen en CSS?

He leído sobre varios métodos y he jugado con la herramienta Clippy , el problema es que el soporte del navegador aún no existe. ¿Cuál sería el mejor método para lograr el aspecto de la imagen a continuación con CSS? Estoy tratando de agregar una forma como bottom-border como se puede ver en la imagen […]

Cree un borde en forma de L utilizando HTML y CSS, ¿es posible?

¿Es posible crear un borde en forma de L como este usando solo HTML y CSS? Edit: Eso es lo que tengo en este momento: http://jsfiddle.net/cBwh8/ Edit2: Estoy buscando replicar la imagen de arriba – esquinas redondeadas apropiadamente curvas. Esta es la razón principal por la que estoy teniendo dificultades aquí: http://jsfiddle.net/cBwh8/1/

¿Cambiar atributos de CSS personalizados sin Javascript?

Así que estoy haciendo una edición de wiki, y lamentablemente Javascript no está habilitado. Por lo tanto, necesito la ayuda de los gurús de CSS que están ahí fuera. Entiendo que puede agregar un atributo HTML personalizado como este: Y puedes custom_attr elementos con custom_attr como este: span[custom_attrib] { /* styling here */ } Ahora, […]

Hacer que el elemento flex sea el ancho de su texto

Quiero tener un diseño con dos columnas, donde la columna de la izquierda es un tipo de barra lateral. Ahora quiero usar un texto en la barra lateral que no debería ajustarse. Cuando lo hago, causa algún tipo de desbordamiento y luego el uso de overflow:hidden oculta una buena parte del texto. ¿Cómo puedo modificar […]

establecer el margen superior del elemento h1 en el encabezado no funciona como se esperaba

He hecho uso de la etiqueta de encabezado html5 y una etiqueta h1 dentro de ella. Después de configurar la propiedad de margen superior del elemento h1 en mi encabezado a 0px, logro eliminar el margen superior del encabezado, pero quiero que el elemento h1 dentro de mi encabezado tenga un margen superior de alrededor […]

¿Es posible seleccionar un elemento basado en la página actual usando solo CSS?

considerando que tengo un solo archivo css para todo mi sitio web (y hacerlo es una técnica habitual), me preguntaba si hay una manera de seleccionar atributos de todo el sitio web como body (o cualquier otro atributo de hecho) de acuerdo con la versión actual. página utilizando solo css. Algo como body:in(‘index.html’) { some […]

Encabezado principal bootstrap con fondo de imagen.

Tengo un encabezado principal simple que contiene una barra de navegación, quiero un fondo de imagen para el encabezado principal. Aquí está jsfidle: http://jsfiddle.net/Mwanitete/fgkq759n/8/ Aquí está el html: Navbar Dla kogo (current) Agenda Prowadzacy Faq Kontakt Kompetencje aqui esta css html, body{ height: 100%; margin: 0px; } * { box-sizing: border-box; } .marketing-main-header_banner{ background-image: url(“https://thumb.ibb.co/eodzqU/Path_47.png” […]