Is it possible to utilize negative space with HTML/CSS?

Question

Is it possible to create/knockout/cutout negative space in the background-color or have images inside of text?

Picture Example

Short answer: no. Long answer: if you USE SVG you can do these things. SVG can be filled with an image. But I guess that doesnt really help. — somethinghere, Nov 11 '14 at 23:36
yes you can , I've seen it as CSS. Give me a mo and I'll find it. — Billy, Nov 11 '14 at 23:42
http://stackoverflow.com/questions/13932946/transparent-text-with-white-background-with-css — Radu Andrei, Nov 12 '14 at 00:06

score 1 · Answer 1 · answered Nov 12 '14 at 00:13

1

.container {
    background: url("http://www.naircare.co.uk/images/main/hub/bg-face.jpg");
    height: 450px;
    width: 600px;
}
.inner {
    position: absolute;
    width: 300px; 
    height: 100px;
    top: 160px;
    left: 265px;
}
.clear {
    width: 100px;
    height: 90px;
    border: 5px solid white;
    float: left;
}
.text {
    width: 180px;
    height: 90px;
    border: 5px solid black;
    float: left;
    background-color: white;
}

If Your trying to do what i think your doing... Let me know if its not right.

answered Nov 12 '14 at 00:13

Bioto

1,127
8
21

1

Nothing like what he's trying to do, That's not see through text. – Billy Nov 12 '14 at 00:14
I appreciate the work around, but I'm more-so trying to find out if there's a way to subtract objects in the front, from the background. – CSS Apprentice Nov 12 '14 at 01:27

Is it possible to utilize negative space with HTML/CSS?

1 Answers1