Resultados de la búsqueda a petición "css-shapes"

9 la respuesta

Rejilla receptiva de hexágonos

Cargué varias imágenes en mi sitio web desde Internet. ¿Es posible dar a todas esas imágenes unforma hexagonalen una cuadrícula receptiva? <div> <img src="link" class="Image"> </div> <div> <img src="link" class="Image"> </div> ...Encontré varias ...

2 la respuesta

Curve el lado inferior del div hacia adentro con CSS

Me gustaría curvar la parte inferior de este rectángulo div / background con CSS, por lo que el resultado es algo como esto: [/imgs/gcue8.jpg]¿Alguien tiene una idea tal vez cómo se podría lograr? .curved { margin: 0 auto; width: 800px; ...

2 la respuesta

Cómo crear una curva como se muestra a continuación para el div

¡Tengo un problema al crear un div sobre el círculo como se muestra a continuación! [/imgs/lSN2o.png] Me he preparado así CSS: .count-select { box-shadow: 0 -5px 10px -5px rgba(0,0,0,.8); border-top: 2px solid #E75532; height: auto; width: ...

4 la respuesta

Elementos de menú de diamante con CSS y SVG

Quiero codificar el siguiente diseño en HTML y CSS Lo que hice hasta ahora es: Lo hice usando: un enlacesSVG como fondoPosición absoluta y propiedad de traducción (x, y) en CSS.Por favor, chequee estoviolín ...

1 la respuesta

Forma similar a un puntero de brújula o parte interna de un logotipo de Safari

Estoy tratando de hacer la siguiente forma usando solo CSS. Sé que lograr esta forma usando una imagen o SVG sería mucho más fácil, pero estoy tratando de lograrlo con CSS como prueba de concepto. El siguiente es el código que he probado hasta ...

6 la respuesta

Efecto 3D Box Shadow

Entonces sé cómo hacer una sombra de cuadro básica con CSS3. Puede ver eso en la parte superior del gráfico a continuación. El efecto que intento lograr es una sombra de cuadro 3D, como se muestra en la parte inferior del gráfico a ...

3 la respuesta

Área más grande para desplazar múltiples círculos pequeños

Actualmente tengo un mapa. En este mapa, creé varios círculos / puntos pequeños conborder-radius. Al pasar el cursor sobre un punto se anima el punto + otras cosas. MI PROBLEMA: En este momento tengo que ser MUY preciso para desplazar un punto ...

3 la respuesta

Secciones en forma de V de la página con fondo de imagen

Estoy tratando de hacer un sitio web de una página. Pero me gustaría algo para diversificarlo de todos los otros sitios similares. Se me ocurrió la idea de hacer secciones en forma de V. Quiero que cada sección termine con una especie de "v". No ...

5 la respuesta

Use css para crear una forma de flecha personalizada [duplicar]

Esta pregunta ya tiene una respuesta aquí: Flecha antes y después de un cuadro con CSS [/questions/20502191/arrow-before-and-after-a-box-with-css] 1 respuestaTengo un cuadro de flecha CSS que se superpone a un control deslizante de imagen, ...

3 la respuesta

¿Cómo diseñar este triángulo en una imagen circular?

Estoy usando bootstrap 3.3 en mi proyecto, me gustaría diseñar la foto usando CSS. por favor, guíame, ¿cómo puedo hacer esto? La vista previa (lo que necesito):