Layers » Opacity


The opacity property sets the transparency of the layer. The default value is 1: fully opaque, and any lower value will make the layer (plus its shadow(s), and possible child layers) more transparent.

A layer with an opacity of 0 is completely invisible but will still react to taps and other gestures.

square = new Layer
    size: 300
    borderRadius: 11
    backgroundColor: "#877DD7"
    opacity: 0
square.onTap ->
        opacity: 1
Download Framer project
A layer with zero opacity