Skip to main content

Shadow Opacity

Sets the drop shadow opacity (multiplied by the color's alpha component).

Import​

src/screens/Component.js
import { shadow } from "nativeflowcss";

Properties​

ObjectNative Properties
shadow.opacity_0{ shadowOpacity: 0 }
shadow.opacity_1{ shadowOpacity: 1 }
shadow.opacity_2{ shadowOpacity: 2 }
shadow.opacity_3{ shadowOpacity: 3 }
shadow.opacity_4{ shadowOpacity: 4 }
shadow.opacity_5{ shadowOpacity: 5 }
shadow.opacity_6{ shadowOpacity: 6 }
shadow.opacity_7{ shadowOpacity: 7 }
shadow.opacity_8{ shadowOpacity: 8 }
shadow.opacity_9{ shadowOpacity: 9 }
shadow.opacity_10{ shadowOpacity: 10 }
shadow.opacity_11{ shadowOpacity: 11 }
shadow.opacity_12{ shadowOpacity: 12 }
shadow.opacity_13{ shadowOpacity: 13 }
shadow.opacity_14{ shadowOpacity: 14 }
shadow.opacity_15{ shadowOpacity: 15 }
shadow.opacity_16{ shadowOpacity: 16 }
shadow.opacity_17{ shadowOpacity: 17 }
shadow.opacity_18{ shadowOpacity: 18 }
shadow.opacity_19{ shadowOpacity: 19 }
shadow.opacity_20{ shadowOpacity: 20 }
shadow.opacity_21{ shadowOpacity: 21 }
shadow.opacity_22{ shadowOpacity: 22 }
shadow.opacity_23{ shadowOpacity: 23 }
shadow.opacity_24{ shadowOpacity: 24 }

Custom Shadow Opacity​

Custom properties are usually rendered using _(customValue)

ObjectNative Properties
shadow.opacity_(customValue){ shadowOpacity: customValue }