Skip to content

Instantly share code, notes, and snippets.

@levinmejia

levinmejia/text-blend.html

Created December 18, 2015 19:09
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save levinmejia/eb67bc81eedc66da1836 to your computer and use it in GitHub Desktop.
Save levinmejia/eb67bc81eedc66da1836 to your computer and use it in GitHub Desktop.
Download ZIP
Raw
text-blend.html
<div class="filter-img">
<div class="hello">hello</div>
<img src="img/backpack-lake.jpg">
</div>
<style>
.hello {
position: absolute;
top: 50%;
left: 50%;
height: 30%;
width: 50%;
margin: -15% 0 0 -25%;
display: table-cell;
vertical-align: middle;
text-align: center;
color: #B853D8;
font-size: 100px;
font-weight: 600;
background-color: transparent;
background-image: none;
mix-blend-mode: hard-light;
}
</style>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment