About 461,000 results
Open links in new tab
  1. 10 Code Snippets for Creating Stunning Text Masking Effects

    May 3, 2025 · We have ten simple CSS (and some JavaScript) code snippets for creating stunning and time-proven examples of text masking in web design.

  2. Pure CSS text mask - CodePen

    You can apply CSS to your Pen from any stylesheet on the web. Just put a URL to it here and we'll apply it, in the order you have them, before the CSS in the Pen itself. You can also link to …

  3. Clipping and Masking in CSS - CSS-Tricks

    Dec 2, 2014 · Masks are images; Clips are paths. Imagine a square image that is a left-to-right, black-to-white gradient. That can be a mask. The element it is applied to will be transparent …

  4. CSS Masking - The mask-image Property - W3Schools

    With CSS masking you create a mask layer to place over an element to partially or fully hide portions of the element. The CSS mask-image property specifies a mask layer image. The …

  5. html - Use text as a mask on background image - Stack Overflow

    Aug 12, 2012 · Using a background image and then CSS, you could do this: http://www.netmagazine.com/tutorials/texturise-web-type-css. As CSS-Tricks shows in this …

  6. CSS Masking - GeeksforGeeks

    Jul 26, 2024 · In the CSS Masking, SVG elements or images can be used as masks, for achieving flexibility in the creation of complex shapes. Developers have control over the position of the …

  7. CSS Masking - The Dev News

    Mar 30, 2023 · In this article, I will go through what CSS masking is, how it works, and a few use cases and examples for it. Let’s dive in. Table of contents. What is masking? How to mask in …

  8. Introduction to CSS masking - CSS: Cascading Style Sheets | MDN

    CSS masking enables you to reveal or hide parts of an element selectively by applying one or more mask images to it. These mask images can be gradients, images, or SVG sources. …

  9. Mask Image and Text Using CSS Clip Path and SVG - CodeHim

    Jan 27, 2024 · This code showcases various techniques to apply mask on image and text using CSS clip path and SVG elements. Explore CSS clip, clip-path, SVG clip-path, SVG masks, …

  10. CSS Text Effects - Five Minimal Examples - Let's Build UI

    Oct 4, 2020 · "Knockout" or "cutout" text, where words clip a background image, gradient or video, are possible with very little code. In this article, we'll explore five CSS text masking and …

Refresh