Skip to content

Instantly share code, notes, and snippets.

@0xm0

0xm0/bg-clip.html

Created February 11, 2020 23:22
Show Gist options
  • Save 0xm0/efcf5dde0964d5b5dfa50d6cf7005415 to your computer and use it in GitHub Desktop.
Save 0xm0/efcf5dde0964d5b5dfa50d6cf7005415 to your computer and use it in GitHub Desktop.
Download ZIP
Raw
bg-clip.html
<head><meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<style>
body {
width: 100%;
height: 100vh;
display: flex;
align-items: center;
background-color: #141414;
}
h1 {
font-size: 9vw;
font-weight: 700;
font-family: 'Rubik', sans-serif;
flex: 1;
position: relative;
text-align: center;
margin: 0;
-webkit-text-fill-color: transparent;
background-image: url("http://66.media.tumblr.com/9d5be60c175cdbe15e875fef01b9a66b/tumblr_ntz3mmEFFr1twd8ddo1_500.gif");
background-size: cover;
-webkit-background-clip: text;
background-repeat: no-repeat;
}
</style>
</head>
<body>
<h1>background-clip</h1>
</body>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment