box-shadow-suite-blur.yaml (4196B)
1 --- 2 root: 3 items: 4 - type: stacking-context 5 bounds: [0, 0, 1000, 1000] 6 items: 7 # 1st row 8 - type: box-shadow 9 bounds: [ 50, 50, 100, 100 ] 10 color: red 11 clip-mode: outset 12 blur-radius: 5 13 14 - type: box-shadow 15 bounds: [ 200, 50, 100, 100 ] 16 color: red 17 clip-mode: outset 18 offset: 20 0 19 blur-radius: 5 20 21 - type: box-shadow 22 bounds: [ 350, 50, 100, 100 ] 23 color: red 24 clip-mode: outset 25 offset: 0 -40 26 blur-radius: 5 27 28 - type: box-shadow 29 bounds: [ 500, 50, 100, 100 ] 30 color: red 31 clip-mode: outset 32 spread-radius: 30 33 blur-radius: 5 34 35 - type: box-shadow 36 bounds: [ 650, 50, 100, 100 ] 37 color: red 38 clip-mode: outset 39 spread-radius: 30 40 offset: 50 -10 41 blur-radius: 5 42 43 # 2nd row 44 - type: box-shadow 45 bounds: [ 50, 250, 100, 100 ] 46 color: green 47 border-radius: 32 48 blur-radius: 5 49 50 - type: box-shadow 51 bounds: [ 200, 250, 100, 100 ] 52 color: green 53 offset: 20 0 54 border-radius: 32 55 blur-radius: 5 56 57 - type: box-shadow 58 bounds: [ 350, 250, 100, 100 ] 59 color: green 60 offset: 0 -40 61 border-radius: 32 62 blur-radius: 5 63 64 - type: box-shadow 65 bounds: [ 500, 250, 100, 100 ] 66 color: green 67 spread-radius: 30 68 border-radius: 32 69 blur-radius: 5 70 71 - type: box-shadow 72 bounds: [ 650, 250, 100, 100 ] 73 color: green 74 spread-radius: 30 75 offset: 50 -10 76 border-radius: 32 77 blur-radius: 5 78 79 # 3rd row 80 - type: box-shadow 81 bounds: [ 50, 450, 100, 100 ] 82 color: red 83 clip-mode: inset 84 blur-radius: 5 85 86 - type: box-shadow 87 bounds: [ 200, 450, 100, 100 ] 88 color: red 89 clip-mode: inset 90 offset: 20 0 91 blur-radius: 5 92 93 - type: box-shadow 94 bounds: [ 350, 450, 100, 100 ] 95 color: red 96 clip-mode: inset 97 offset: 0 -40 98 blur-radius: 5 99 100 - type: box-shadow 101 bounds: [ 500, 450, 100, 100 ] 102 color: red 103 clip-mode: inset 104 spread-radius: 30 105 blur-radius: 5 106 107 - type: box-shadow 108 bounds: [ 650, 450, 100, 100 ] 109 color: red 110 clip-mode: inset 111 spread-radius: 30 112 offset: 50 -10 113 blur-radius: 5 114 115 # 4th row 116 - type: box-shadow 117 bounds: [ 50, 650, 100, 100 ] 118 color: red 119 clip-mode: inset 120 border-radius: 32 121 blur-radius: 5 122 123 - type: box-shadow 124 bounds: [ 200, 650, 100, 100 ] 125 color: red 126 clip-mode: inset 127 offset: 20 0 128 border-radius: 32 129 blur-radius: 5 130 131 - type: box-shadow 132 bounds: [ 350, 650, 100, 100 ] 133 color: red 134 clip-mode: inset 135 offset: 0 -40 136 border-radius: 32 137 blur-radius: 5 138 139 - type: box-shadow 140 bounds: [ 500, 650, 100, 100 ] 141 color: red 142 clip-mode: inset 143 spread-radius: 30 144 border-radius: 32 145 blur-radius: 5 146 147 - type: box-shadow 148 bounds: [ 650, 650, 100, 100 ] 149 color: red 150 clip-mode: inset 151 spread-radius: 30 152 offset: 50 -10 153 border-radius: 32 154 blur-radius: 5