---
title: "opacity · RUAL Documentation"
description: "Opacity is the degree to which content behind an element is hidden, and is the opposite of transparency."
canonical: https://docs.rual.nl/block-types/styling/uistyle_opacity
language: en
---

# opacity

This block is part of the [`styling`](https://docs.rual.nl/block-types/styling) group and was last modified in core [`v10.4.28`](https://docs.rual.nl/core-versions/100428).

Opacity is the degree to which content behind an element is hidden, and is the opposite of transparency.

- opacity required `value`

- uistyle `uistyle`

A typical wiring for [opacity](https://docs.rual.nl/block-types/styling/uistyle_opacity): the `uistyle` out pin feeds [regular card](https://docs.rual.nl/block-types/state%20ui/state_card).

![Studio canvas example for the opacity block: typical wiring for opacity.](https://docs.rual.nl/canvas-examples/uistyle_opacity.png)

### Version history

Introduced in [`v10.4.28`](https://docs.rual.nl/core-versions/100428).