|
1 | | -@keyframes passing-through { |
| 1 | +@keyframes dz-passing-through { |
2 | 2 | 0% { opacity: 0; transform: translateY(40px); } |
3 | 3 | 30%, 70% { opacity: 1; transform: translateY(0); } |
4 | 4 | 100% { opacity: 0; transform: translateY(-40px); } |
5 | 5 | } |
6 | 6 |
|
7 | | -@keyframes slide-in { |
| 7 | +@keyframes dz-slide-in { |
8 | 8 | 0% { opacity: 0; transform: translateY(40px); } |
9 | 9 | 30% { opacity: 1; transform: translateY(0); } |
10 | 10 | } |
11 | 11 |
|
12 | | -@keyframes pulse { |
| 12 | +@keyframes dz-pulse { |
13 | 13 | 0% { transform: scale(1); } |
14 | 14 | 10% { transform: scale(1.1); } |
15 | 15 | 20% { transform: scale(1); } |
|
152 | 152 | } |
153 | 153 |
|
154 | 154 | .dropzone .dz-preview.dz-success .dz-success-mark { |
155 | | - animation: passing-through 3s cubic-bezier(0.77, 0, 0.175, 1); |
| 155 | + animation: dz-passing-through 3s cubic-bezier(0.77, 0, 0.175, 1); |
156 | 156 | } |
157 | 157 |
|
158 | 158 | .dropzone .dz-preview.dz-error .dz-error-mark { |
159 | 159 | opacity: 1; |
160 | | - animation: slide-in 3s cubic-bezier(0.77, 0, 0.175, 1); |
| 160 | + animation: dz-slide-in 3s cubic-bezier(0.77, 0, 0.175, 1); |
161 | 161 | } |
162 | 162 |
|
163 | 163 | .dropzone .dz-preview .dz-success-mark, |
|
193 | 193 | } |
194 | 194 |
|
195 | 195 | .dropzone .dz-preview:not(.dz-processing) .dz-progress { |
196 | | - animation: pulse 6s ease infinite; |
| 196 | + animation: dz-pulse 6s ease infinite; |
197 | 197 | } |
198 | 198 |
|
199 | 199 | .dropzone .dz-preview .dz-progress { |
|
0 commit comments