Resultados de la búsqueda a petición "css3"
La diferencia entre las unidades de porcentaje y fr en el diseño de cuadrícula CSS
Estoy jugando con CSS Grid Layout y encontré una pregunta para la que no puedo encontrar una respuesta. Considere el siguiente ejemplo: :root { --grid-columns: 12; --column-gap: 10px; --row-gap: 10px; } .grid { display: grid; ...
¿Cómo funciona flex-wrap con align-self, align-items y align-content?
align-selfEn el siguiente código,align-self funciona conflex-wrap: nowrap. [/imgs/AJHct.png] flex-container { display: flex; flex-wrap: nowrap; align-content: flex-start; width: 250px; height: 250px; background-color: silver; } flex-item { ...
cómo obtener Desbordamiento de texto: estilo de tipo de puntos suspensivos (...) en mozilla
Estoy tratando de obtener puntos suspensivos en Mozilla. Descubrí un complemento jquery que ayuda a formar puntos suspensivos en Mozilla, pero cuando llega una gran cantidad de datos, no se maneja bien formando un error de script en ...
Primera letra en mayúscula y otras letras en minúsculas en CSS?
<p>THIS IS SOMETEXT</p>Quiero que se vea comoThis is sometext que la primera letra del párrafo es mayúscula. ¿Es posible en CSS? Editar:Todo mi texto está en mayúsculas.
webkit-transform rompe el índice z en Safari
Problema Estoy tratando de hacer que una capa parezca que es una pared cayendo, revelando la capa detrás de ella. He configurado dos posiciones div fijas. El div "Muro" tiene un índice z de 9999, el div "Fondo" tiene un índice z de 0; En los ...
CSS: centrar el formulario en la página horizontal y verticalmente
¿Cómo puedo centrar el formulario llamado form_login horizontal y verticalmente en mi página? Aquí está el HTML que estoy usando ahora: <body> <form id="form_login"> <p> <input type="text" id="username" placeholder="username" /> </p> <p> <input ...
¿Cómo centrar elementos en la última fila en CSS Grid?
Estoy usando la cuadrícula CSS para diseñar algunos elementos como este ... #container { display: grid; grid-template-columns: 16.666% 16.666% 16.666% 16.666% 16.666% 16.666%; } .item { background: teal; color: white; padding: 20px; margin: ...
Google Maps: efecto de papel plegado, ¿cómo?
Estoy construyendo un sitio web donde he incluido un mapa de Google utilizando la API de Google Maps v3. Ahora me pregunto cómo hacer que el mapa se vea como un "mapa real" (uno de papel doblado), como ...
apunte la primera letra de cada palabra en CSS
Necesito cambiar el tamaño, el color y el peso de cada primera letra de cada palabra. No estoy hablando de Capitalizar cada primera letra. Me refiero a ese objetivo primera letra y aplicar estilo según mi elección. :Haga clic aquí para ver un ...
Hacer que las celdas de la tabla sean cuadradas
Cómo asegurarse de que cada celda de la tabla se conviertacuadradosin usar tamaños fijos? Y sesensiblecuando cambian de ancho. table { width: 90%; } td { width: 30%; } tr { /** what should go here? **/ }<table> <tr> <td>1</td> <td>2</td> ...