LogoReactUnity Docs
LearnReference

Is this page useful?

  • ReactUnity APIs
    • render()
    • useGlobals()
  • Components

  • Components
    • view
    • text
    • button
    • anchor
    • scroll
    • icon
    • image
    • input
    • toggle
    • html
    • rawimage
    • script
    • style
    • prefab
    • svg
    • video
  • Styling

  • CSS Properties
    • Appearance
    • Backdrop Filter
    • Background Color
    • Background Image
    • Border Color
    • Border Radius
    • Border Width
    • Box Shadow
    • Color
    • Content
    • Cursor
    • Mask Image
    • Opacity
    • Pointer Events
    • Rotate
    • Scale
    • Transform Origin
    • Translate
    • Visibility
    • Z Index
  • Animations
    • CSS Keyframes
    • CSS Transition
    • Enter/Leave Animations
    • Rect Transform Animations (motion)
    • Audio
  • CSS Media Queries
  • Material Components

  • Material Components
    • Button
    • Dialogs
    • Paper
    • Card
    • Text Field
    • Select
    • Toggle
    • Tooltip
    • Accordion
    • Slider
    • Virtual Scroll

Is this page useful?

Reference
CSS Properties

Mask

Sets the mask image of a component.

See MDN for usage.

view {
  flex-grow: 1;
  mask-image: url(res:star);
  background-color: red;
}

PreviousCursorNextOpacity
Community
GitHub
Discord
Acknowledgements
Leave Feedback
Learn ReactUnity
Quick Start
API Reference
ReactUnity APIs
Components
CSS Reference
Material Design