Opacity

Utilities for controlling Opacity widgets.

The opacity construct utilities are defined inside StiloOpacity
name opacity
opacity0
0
opacity5
5
opacity10
10
opacity20
20
opacity25
25
opacity30
30
opacity40
40
opacity50
50
opacity60
60
opacity70
70
opacity75
75
opacity80
80
opacity90
90
opacity95
95
opacity100
100

Usage Example

Center(
    child: Row(
      mainAxisAlignment: MainAxisAlignment.center,
      children: [
        StiloOpacity.opacity40(
          child: Container(
            width: StiloWidth.w64,
            height: StiloHeight.h36,
            decoration: BoxDecoration(
              color: StiloColor.blue[500],
              borderRadius: StiloBorderRadius.allMd,
              boxShadow: StiloBoxShadow.xl,
            ),
          ),
        ),
      ],
    ),
  )