css3

CSS background - size cover y background-position

HTML: #backgroundproduct { position: fixed; top: 5%; left: 5%; width: 90%; height: 90%; z-index: 12; ... solo la parte inferior de la imagen es más importante que la parte superior. ¿Cómo puedo hacer que el fondo suba un poco?

fuente impresionante spinner animado a través de fondo

Estoy usando font awesome spin icon a través de CSS background para cargar la página. /* Styles go here */ .loadin ... en la página, pero es estático. ¿Cómo puedo usar el icono de giro animado usando font awesome como fondo? Amablemente ayude.

float no funciona en un contenedor flexible

Quiero colocar el texto (enlace foo) a la derecha del elemento footer. Necesito que se muestre el pie de página para permane ... ight;"> <a>foo link</a> </span> </footer> Https://jsfiddle.net/dhsgvxdx /

Css3 transición solo a escala

Me estoy perdiendo algo obvio. Pero la transición en un solo elemento no está funcionando aquí. Aquí está mi código. #navig ... -webkit-transform: scale(1.3); -o-transform: scale(1.3); transform: scale(1.3); border-right: 10px solid #b00; }

Centro y parte inferior-alinear elementos flexibles

Tengo un contenedor flexible (el cuadrado azul) con las siguientes propiedades: display: flex; justify-content: center; alig ... auto;. Traté de jugar con z-index en vano. ¿Cómo debo acercarme ¿esto? Debo recurrir a la creación de otro elemento padre?

Cómo crear forma de triángulo en el ángulo superior derecho de otro div para que se vea dividido por borde

Quiero crear una forma como en esta imagen: He creado la forma de triángulo como en esta foto, y establecer los márgenes ... cio entre el triángulo verde y el resto del div debe ser transparente, porque estoy usando la imagen como fondo de la página

Transición CSS: fade color de fondo, restablecer después

Tengo una lista de divs y permitir que mi usuario agregue uno nuevo dinámicamente publicando nuevo contenido. Si el usuario p ... etamente en el CSS (excepto para agregar la clase CSS dinámicamente, a través de jQuery. Gracias por cualquier sugerencia...

Cómo obtener la posición del elemento transformado con css rotate

Tengo un problema con obtener la posición de un div después de que se le aplique el filtro rotate. Tengo la posición de un ex ... 1.21366rad); (top/left describa la posición de su comienzo.) Estoy tratando de conseguir el top/left posición de su extremo.

Detectar teléfono vs tablet

¿Hay alguna forma de detectar si el usuario está usando una tableta o un teléfono? Como ejemplo, una persona que navega por ... alla es pequeña a pesar de que la resolución es alta. ¿Hay alguna manera de detectar esto o tengo que hacer un compromiso?

Recuadro-sombra debajo del contenido

No entiendo por qué, pero una sombra de recuadro está debajo de mi contenido. Aquí hay un ejemplo: div { box-shadow:ins ... / Ves que el a está encima de la sombra de la caja. ¿Cómo puedo conseguir que la sombra de la caja esté encima de la a?

Cuál es la diferencia entre col-lg y col-md en bootstrap3

¿Cuál es la diferencia entre col-lg, col-md ,col-xs and col-smgrid system in in bootstrap 3. En una plantilla bootstrap us ... ol-lg-6 col-md-6 col-xs-12 col-sm-6"></div> solo para una cuadrícula de columnas. Soy un principiante en Bootstrap.

Cuál es la diferencia entre margin-top y-webkit-margin-before

Webkit ha añadido sus propios márgenes específicos que son: -webkit-margin-before: -webkit-margin-after: -webkit-margin-star ... prefijo-webkit solo funciona en navegadores de motor webkit como chrome y safari. Esta pregunta no está relacionada con ella.

¿Por qué es la ventana?ancho más pequeño que el ancho de la vista establecido en las consultas de medios

Estoy bastante desconcertado y todavía no estoy seguro de cómo explicar esto en palabras adecuadas. Hasta ahora he utilizado ... que los 15 píxeles están de pie para lo que solucionó el problema anterior de una manera poco hacky? Saludos cordiales Ralf

Aplicar un único degradado de fondo a una fila de tabla

¿Es posible tener un gradiente de fondo que abarque toda una fila de la tabla? Solo soy capaz de aplicar el fondo a las celd ... gba(222,222,222,0) 20%, rgba(222,222,222,0) 80%, rgba(222,222,222,1) 100%); } thead tr, thead th { background:transparent; }

Transición Css de display none a display block, navegación con subnav

Esto es lo que tengo jsFiddle link nav.main ul ul { position: absolute; list-style: none; display: no ... ca aparecerá (por supuesto ) pero ¿por qué la transición en la opacidad no se activa? ¿Cómo hacer que la transición funcione?

Usando nth-child para seleccionar un par, y luego un número impar de elementos

Estoy intentando estilizar los elementos de la lista en este orden particular: 1: Blanco 2: Blanco 3: Azul 4: Azul 5: Azul ... <li></li> </ul> ¿Es posible este patrón usando css nth-child? Si es así, ¿cómo sería mi selector?

Obtener el valor de escala de un elemento?

Me pregunto cómo puedo obtener el valor de escala de un elemento? He intentado $(element).css('-webkit-transform'); que devuelve matrix(scaleX,0,0,scaleY,0,0); hay una manera de conseguir scaleX y scaleY solo?

¿Cómo puedo hacer que mi borde-radio curve hacia afuera?

Estoy tratando de hacer que un div tenga bordes como el siguiente dibujo: Esto es lo que he intentado: div { he ... adius:100px 10px; border:1px solid #000; } <div></div> ¿Cuál es una forma efectiva de lograr esto?

Twitter bootstrap caret tamaño

Tengo un cuadro como este: <a class="dropdown-toggle" data-toggle="dropdown" href="#mylist" style="display:inline- ... ;padding-left:0px;"> <b class="caret"></b> </a> Es posible hacer este caret más grande con CSS o etc.

¿Cómo actúa css3pie?

¿Qué está sucediendo detrás de escena con css3pie que hace que IE pueda usar las características de css3?