It's surprisingly easy to clip a background image to some text! We can use the background-clip property to do it. This let's change how a background is clipping, with padding-box, border-box and content-box all being options. This time though, we're focused on `background-clip: text`. The only issue is, when you first do it, you won't see your text, so you'll want to make that text transparent so you can actually see the image. CodePen: https://codepen.io/kevinpowell/pen/18... #fiveminutefriday --- I have a newsletter! https://www.kevinpowell.co/newsletter New to Sass, or want to step up your game with it? I've got a course just for you: https://www.kevinpowell.co/learn-sass --- My Code Editor: VS Code - https://code.visualstudio.com/ How my browser refreshes when I save: https://youtu.be/h24noHYsuGc --- Support me on Patreon: https://www.patreon.com/kevinpowell I'm on some other places on the internet too! If you'd like a behind the scenes and previews of what's coming up on my YouTube channel, make sure to follow me on Instagram and Twitter. Instagram: https://www.instagram.com/kevinpowell... Twitter: https://twitter.com/KevinJPowell Codepen: https://codepen.io/kevinpowell/ Github: https://github.com/kevin-powell
Clip an image to text with CSS - YouTube |
| 1,032 Likes | 1,032 Dislikes |
| 11,789 views views | 75,677 followers |
| Education | Upload TimePublished on 28 Sep 2018 |
Không có nhận xét nào:
Đăng nhận xét