Resultados de la búsqueda a petición "css-shapes"
Ángulo de 45 grados + Sombra de cuadro: utilizando solo CSS
Necesito recrear el siguiente diseño usando soloCSS: Lo que está viendo en la imagen es la parte superior del contenedor de un sitio web: los "enlaces" forman parte del menú principal. Tal como está, he creado el contenedor, pero no estoy ...
Cambiar el tamaño de formas individuales dinámicamente sin escalar todo el SVG
Tengo una flecha como SVG cuya longitud quiero alterar en respuesta al ancho de un DIV envolvente (por ejemplo). Todos mis intentos anteriores han llevado a este comportamiento (escalando todo el SVG): [/imgs/QYrwc.png] En lugar de esto, ...
Texto animado con onda CSS
Cómo funcionalos.png la imagen representada a continuación se recorta al texto con animación; [/imgs/M4Nqi.png] En acción body { background: #000000; } .Wave-Loader { text-transform: uppercase; font-family: 'Cabin Condensed', sans-serif; ...
Ondas en CSS o SVG
Estoy tratando de crear ondas suaves conCSS y estoy teniendo problemas Estoy usando border-radius en este momento para crear ondas, pero se parece más a las nubes. Traté de usartransform: translateZ(180deg); pero eldiv El color es al revés. Esto ...
radio de borde con triángulos css
yo tengoun rectángulo [http://jsfiddle.net/danield770/9xDVj/3/]donde cada lado de la diagonal tiene su propio color div { width: 0; height: 0; border-left: 150px solid green; border-top: 100px solid gray; }Ahora quería agregar un radio de ...
Cómo hacer que la imagen rectangular parezca circular con CSS
he usadoborder-radius: 50% oborder-radius: 999em, pero el problema es el mismo: con imágenes al cuadrado no hay problema, pero con imágenes rectangulares obtengo un círculo ovalado. También estoy dispuesto a recortar una parte de la imagen ...
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> ...
Triángulo con una esquina redondeada
Solo quiero haceruna esquina redondeada para un triánguloPero no puedo hacerlo. Aquí está micódigo [http://jsfiddle.net/shoaibista/9D3Zn/1/]: .arrow-left { width: 0; height: 0; border-top: 80px solid transparent; border-bottom: 80px solid ...
¿Cómo usar CSS para rodear un número con un círculo?
Me gustaría rodear un número en un círculo como en esta imagen: ¿Es esto posible y cómo se logra?
¿Cómo puedo mantener los límites adecuados en los triángulos CSS al pasar el cursor por encima?
¿Es posible arreglar el desplazamiento sobrehttp://jsfiddle.net/2AXhR/ [http://jsfiddle.net/2AXhR/]para que el triángulo correcto se active al pasar el mouse en lugar de su a veces adyacente? A veces, el triángulo incorrecto se activa porque el ...