This component uses svg
to implement blur. If rendering it in mobile devices is too slow, you can try to use a css3 featrue -- blur filter
.
API
Props
name | type | default | description | required version |
blur-amount | number | 10 | blur amount of the effect | -- |
url | string | url of the image | -- | |
height | number | 200 | height of the container | -- |
Slots
name | description | required version |
default | content of the container, above the blur image | -- |