Home transparent text but opaque background in css
Reply: 0

transparent text but opaque background in css

user1211 Published in April 24, 2018, 8:32 am

This question already has an answer here:

  • How to make “see through” text? 2 answers

.parent-div {
  background-image: url(path\to\image);
  background-size: cover;

.text-div {
  /* make text transparent but not this background */
  background-color: orange;
<div class="parent-div">
  <div class="text-div">Welcome!</div>

I want to make the text of text-div to be transparent so that I can see background of parent-div. and remaining part of text-div must be opaque.

Basically I want this effect :

You need to login account before you can post.

About| Privacy statement| Terms of Service| Advertising| Contact us| Help| Sitemap|
Processed in 0.305278 second(s) , Gzip On .

© 2016 Powered by mzan.com design MATCHINFO