Preguntas etiquetadas con css-shapes

¿Hay alguna forma de hacer un texto transparente recortado de un efecto de fondo como el de la siguiente imagen, con CSS? Sería triste perder todo el precioso SEO debido a que las imágenes reemplazan al texto. Primero pensé en las sombras pero no puedo descifrar nada ... La imagen …

90 css  svg  fonts  css-shapes 

Me encontré con un buen truco de CSS. Mira el violín ... .tooltiptail { display: block; border-color: #ffffff #a0c7ff #ffffff #ffffff; border-style: solid; border-width: 20px; width: 0px; height: 0px; } .anothertail { background-image: url(http://static.jqueryfordesigners.com/demo/images/coda/bubble-tail2.png); display: block; height: 29px; width: 30px; } <div>Cool Trick: <br /> <div class="tooltiptail"></div> </div> <br /> …

89 css  tooltip  css-shapes 

Estoy tratando de recrear esta imagen con CSS: No lo necesitaría para repetir. Esto es lo que comencé, pero solo tiene una línea recta: #wave { position: absolute; height: 70px; width: 600px; background: #e0efe3; } <div id="wave"></div> Ejecutar fragmento de códigoOcultar resultadosExpandir fragmento

80 css  css-shapes 

Entonces, necesito hacer un patrón hexagonal repetido, usando CSS. Si se necesitan imágenes, puedo ir allí, pero preferiría usar CSS si es posible. Aquí tienes una idea de lo que estoy intentando crear: Básicamente, solo necesito una forma de crear las formas hexagonales y luego superponer texto / imágenes encima …

79 html  css  css-shapes