Tag: CLIP-PATH
Estoy utilizando un recorte de trayectoria desde un SVG en línea para enmascarar imágenes con diferentes relaciones de aspecto en un sitio web. La máscara debe ocultar la esquina inferior derecha a un ángulo fijo (-15°). No puedo lograr que la esquina derecha siempre se mantenga en un ángulo, independientemente . . . Read more
Necesito enmascarar una imagen con una forma SVG personalizada (es como un arco como se ve en las imágenes a continuación). Aquí está el código actual con la ruta de la forma SVG: img { clip-path: path(‘M451.715 154.05C451.79 152.468 451.828 150.88 451.828 149.286C451.828 66.8376 350.683 0 225.914 0C101.145 0 0 . . . Read more
El siguiente proyecto de sitio web que utiliza la propiedad CSS clip-path funciona bien en Safari, pero se rompe en Google Chrome (también funciona bien en Google Chrome hasta hace unas semanas). ¿Es esto un error en Google Chrome con respecto a CSS clip-path? https://css-clip-text.webflow.io Aquí está el código CSS . . . Read more
Tengo un div con el id “roof” que tiene un clip-path configurado dinámicamente en base a la entrada del usuario. Por ejemplo: <div class=”roof” id=”roof” style=”clip-path: polygon(36.2101% 31.8803%, 23.0934% 38.5258%, 39.9406% 40.3219%);”></div> Los porcentajes en el polígono pueden estar en cualquier lugar entre 0 y 100 y pueden tener cualquier . . . Read more
Hola, he recortado con éxito una ruta a una forma SVG y la he hecho escalable utilizando la documentación que encontré en línea. Sin embargo, estoy intentando agregar un borde al recorte y no tengo éxito. No quiero superponer este recorte y agregar relleno ya que quiero que sea transparente. . . . Read more