@volverjs/style/dist/props/effects.css

@volverjs/style is a lightweight responsive CSS utility library to accompany @volverjs/ui-* and static webpages as well.

:where(:host,:root,.theme){--shadow-sm:0 1px 2px 0 color-mix(in srgb, var(--color-shadow), transparent 95%);--shadow:0 1px 3px 0 color-mix(in srgb, var(--color-shadow), transparent 90%), 0 1px 2px -1px color-mix(in srgb, var(--color-shadow), transparent 90%);--shadow-md:0 4px 6px -1px color-mix(in srgb, var(--color-shadow), transparent 90%), 0 2px 4px -2px color-mix(in srgb, var(--color-shadow), transparent 90%);--shadow-lg:0 10px 15px -3px color-mix(in srgb, var(--color-shadow), transparent 90%), 0 4px 6px -4px color-mix(in srgb, var(--color-shadow), transparent 90%);--shadow-xl:0 20px 25px -5px color-mix(in srgb, var(--color-shadow), transparent 90%), 0 8px 10px -6px color-mix(in srgb, var(--color-shadow), transparent 90%);--shadow-2xl:0 25px 50px -12px color-mix(in srgb, var(--color-shadow), transparent 75%);--shadow-inner:inset 0 2px 4px 0 color-mix(in srgb, var(--color-shadow), transparent 95%);--shadow-none:0 0 #0000;--opacity-0:0;--opacity-5:.05;--opacity-10:.1;--opacity-15:.15;--opacity-20:.2;--opacity-25:.25;--opacity-30:.3;--opacity-35:.35;--opacity-40:.4;--opacity-45:.45;--opacity-50:.5;--opacity-55:.55;--opacity-60:.6;--opacity-65:.65;--opacity-70:.7;--opacity-75:.75;--opacity-80:.8;--opacity-85:.85;--opacity-90:.9;--opacity-95:.95;--opacity-100:1}