Cloud Effect

Create a decorative cloud atmosphere.

How to use

Choose cloud appearance, color and movement.
Place it in a background layer and check text contrast.

Things to check

Not connected to a weather service; it does not show a forecast.

Property reference

Select the module in the editor to change its settings. Technical identifiers below are kept unchanged for reference; some advanced fields are stored as structured data rather than separate controls.

Find a property

19 / 19

animationDirection

Sets the associated element alignment, placement or direction; preview it within the content area.

'left-to-right' | 'right-to-left' | 'top-to-bottom' | 'bottom-to-top' | 'diagonal-tl-br' | 'diagonal-tr-bl'

animationPaused

Enables or disables the associated behavior or visible element. Check the result in presentation preview.

boolean

animationSpeed

Controls movement speed, duration or delay. Units are shown in the editor control; test timing in presentation mode.

number

backgroundColor

Sets the color of the associated element or surface. Use the color picker and check text contrast.

string

borderRadius

Changes the associated element dimension or spacing. Follow the editor unit and check overflow or cropping.

number

cloudColor

Sets the color of the associated element or surface. Use the color picker and check text contrast.

string

cloudCount

The associated element count or extent. Increasing it can require more space and rendering work.

number

cloudOpacity

Sets the associated effect intensity or visibility. Stay within the editor allowed range.

number

cloudSize

Changes the associated element dimension or spacing. Follow the editor unit and check overflow or cropping.

'small' | 'medium' | 'large'

cloudStyle

Selects appearance or movement style for the associated element. Valid choices are provided in the module editor.

'css' | 'image' | 'hybrid'

customCloudImage

An image, media or link source. Use the media picker or an accessible URL and verify it loads in the presentation.

string

flipHorizontal

Enables or disables the associated behavior or visible element. Check the result in presentation preview.

boolean

height

Changes the associated element dimension or spacing. Follow the editor unit and check overflow or cropping.

number

imageOpacity

Sets the associated effect intensity or visibility. Stay within the editor allowed range.

number

imageScale

Changes the associated element dimension or spacing. Follow the editor unit and check overflow or cropping.

number

mixBlendMode

Selects appearance or movement style for the associated element. Valid choices are provided in the module editor.

'normal' | 'multiply' | 'screen' | 'overlay' | 'soft-light'

opacity

Visibility ratio: 0 is fully transparent and 1 is fully opaque.

number

transparentBackground

Enables or configures the associated visual emphasis; check legibility on the background.

boolean

uploadEnabled

Enables or disables the associated behavior or visible element. Check the result in presentation preview.

boolean