css3

¿Cómo hacer las esquinas redondas dentro de la caja y su borde?

Supongo que el título es un poco difícil de entender, así que te lo explicaré. Estoy tratando de lograr este efecto: (una ... kground-clip: padding; background-clip: padding-box; } .template-border { border: 5px solid rgba(255, 255, 255, 0.2); }

Centrado en la cuadrícula CSS

Estoy tratando de crear una página simple con Cuadrícula CSS. Lo que no estoy haciendo es centrar el texto desde el HTML a l ... ass="right_text"> <!--right side text content--> <p>Hire me!</p> </div> </div>

Estilos de Consulta de Medios Que No Anulan Estilos Originales

Estoy intentando usar algunas consultas de medios para un sitio web que estoy construyendo. El problema que estoy teniendo, s ... ese elemento. Sin embargo, el estilo en sí está tachado y no en realidad aplicado y todavía tiene el ancho original del 85%.

¿Cómo puedo mostrar tres columnas por fila?

He estado tratando de mostrar tres columnas por fila. ¿Es posible usar flexbox? Mi CSS actual es algo como esto: .mainDiv ... Este código pone todo el contenido en una sola fila. Quiero agregar una restricción a solo muestra tres registros por fila.

translateX y translateY en el mismo elemento?

¿Es posible aplicar un CC translate X e Y en el mismo elemento? Si intento esto, el translateX es reemplazado por el translateY: .something { transform: translateX(-50%); transform: translateY(-50%); }

¿Por qué "left: 50%, transform: translateX(-50%)" centra horizontalmente un elemento?

Recientemente refactoricé algunos de mis CSS y me sorprendió gratamente encontrar una manera más fácil de alinear horizontalm ... anel { left: -50%; transform: translateX(50%); } ¿No muestra el mismo resultado que el primer fragmento de código?

Desplazamiento a un ancla usando Transition / CSS3

Tengo una serie de enlaces que están usando un mecanismo de anclaje: <div class="header"> <p class="menu">&l ... JS y no lo conozco lo suficientemente bien como para llegar a una solución propia. Cualquier ayuda/idea sería muy apreciada.

Hacer.css () ¿agregar automáticamente prefijos de proveedor?

Tengo un código: $("#" + this.id).css("border-radius",this.radius + "px"); $("#" + this.id).css("-moz-border-radius",this.r ... o .css() de jQuery aplica automáticamente los prefijos de proveedor necesarios al cambiar las propiedades CSS de un elemento?

Borde pixelado alrededor de un círculo CSS con desbordamiento: oculto;

Aquí está el JSFIDDLE de mi gato / animación sin ninguna drop-shadows para mostrar el problema tan claramente como pueda. A ... ona en Firefox, Chrome, Safari e IE. (Un poco ruff en IE bu mucho mejor que antes) Cualquier y toda ayuda es muy apreciada!

Forma ondulada con css

Estoy tratando de recrear esta imagen con CSS: No necesitaría repetirlo. Esto es lo que empecé, pero solo tiene una línea ... wave { position: absolute; height: 70px; width: 600px; background: #e0efe3; } <div id="wave"></div>

Safari cambiar el peso de las fuentes cuando se están ejecutando animaciones no relacionadas

Estoy usando animaciones CSS en mi página y Safari parece cambiar los pesos de fuente no relacionados en otros lugares de la ... ue está parpadeando. En un Mac-por lo que podría ser la aceleración de hardware, pero todavía estoy tratando de averiguarlo.

¿Es posible hacer matemáticas dentro de CSS?

Tengo jquery accorion id #accordion y parte del contenido dentro de header class name .simpleColor. Ahora quiero dar un marge ... - (.simpleColor.width/2)); } Estoy abierto a usar cualquier otra tecnología como javascript para lograr esto si es posible.

Bootstrap 3 trunca el texto largo dentro de las filas de una tabla de forma responsiva

Estoy usando tablas bootsrap 3, cuando pongo texto grande en la tabla se envuelve en varias líneas, pero quiero que se trunqu ... s). ¿Es eso posible ? ¿Cómo? PD: cualquier solución es bienvenida, pero me gustaría que fuera solo HTML/CSS si es posible.

Usando @font-face con la aplicación Rails 3.1?

Estoy teniendo problemas con la siguiente declaración @font-face para trabajar con mi aplicación Rails 3.1. Pongo las fuente ... onts-in-rails-3-1 / que dice cambiar url a font-url en las declaraciones. Eso tampoco parecía funcionar desafortunadamente.

¿Establecer el punto de rotación en CSS3?

¿Es posible establecer el punto de rotación en CSS3? El punto de rotación predeterminado está en el 50%, 50%. Lo intenté: -webkit-transform: rotate(230deg); -webkit-rotation-point:90% 90%; Pero no funciona... Alguna sugerencia?

Reiniciar la animación en CSS3: ¿hay mejor manera que eliminar el elemento?

Tengo una animación CSS3 que necesita ser reiniciada con un clic. Es una barra que muestra cuánto tiempo queda. Estoy usando ... o ¿hay una mejor manera de reiniciar una animación CSS? Estoy usando Prototype y Move.js , pero no estoy restringido a ellos.

Transición de color se desvanecen en el hover?

Estoy tratando de hacer que esto h3 se desvanezca al flotar. ¿Alguien puede ayudarme? HTML <h3 class="clicker">test& ... in; -webkit-transition:color .2s ease-in; background:#f5f5f5;padding:20px; } .clicker:hover{ background:#eee; }

Barra de progreso de porcentaje circular

Me gustaría tener un indicador de círculo porcentual en mi sitio: En este caso muestra un 75%. ¿Cómo se debe hacer esto? T ... ulo amarillo en un archivo de imagen, pero si es más fácil, de alguna manera, hacerlo todo usando CSS, eso está bien para mí.

Anidamiento de clases CSS

Puedo hacer algo como lo siguiente? .class1{some stuff} .class2{class1;some more stuff}

Obtener el valor de-webkit-transform de un elemento con jquery

Estoy manipulando un div con la nueva forma genial de css3 de hacer una transformación como esta: $("#thediv").css("-webkit- ... 0, 1, -770, 0) Lo que no puedo averiguar es cómo obtener el 5to valor (-770) de esta matriz... Alguna sugerencia? ¡Gracias!