Tag: CLIP-PATH
Estoy tratando de ocultar un elemento mientras desplazo hacia arriba en la página. Estoy usando clip-path y position: fixed para intentar lograr esto. Esto es lo que tengo hasta ahora. El texto está oculto mientras me desplazo como estaba previsto. Me pregunto si sería posible empezar a recortarlo desde la . . . Read more
Estoy tratando de crear un separador SVG entre dos imágenes. He buscado en todas partes y lo único cercano a lo que necesito es esta respuesta. Sin embargo, esta respuesta depende del uso del cuerpo (no es mucho problema) y no considera el contenido dinámico que puede estirar la altura . . . Read more
.test02 { text-align: center; color: #fff; background-color: orange; border-top-right-radius: 8px; border-top-left-radius: 8px; padding: 0,2rem 0; } .test { border: 2px solid orange; padding: 1rem; border-bottom-right-radius: 8px; border-bottom-left-radius: 8px; height: 5rem; } body { background: url('https://images.ctfassets.net/hrltx12pl8hq/8MpEm5OxWXiNqLvWzCYpW/24f02cfe391aa8f25845de858982d449/shutterstock_749707636__1__copy.jpg?fit=fill&w=840&h=350'); } Si desea hacerlo ahora, marque la casilla a continuación Sé que quiero hacer un . . . Read more
Tengo una página que se ve así como este ejemplo: { padding: 0; margin: 0; } body { height: 100vh; background-color: red; } .clip { height: 100vh; width: 100%; background-color: white; clip-path: polygon(100% 0%,100% 85%,96% 100%,0% 100%,0% 0%); } .shadow { filter: drop-shadow(3px 1px 5px rgba(50, 50, 0, 0.5)); } . . . Read more