https://github.com/victorgarciaesgi/vue-blur-loader

A vue component to load images with a blur animation like the site Medium
https://github.com/victorgarciaesgi/vue-blur-loader

Last synced: 4 days ago
JSON representation

A vue component to load images with a blur animation like the site Medium

• Host: GitHub
• URL: https://github.com/victorgarciaesgi/vue-blur-loader
• Owner: victorgarciaesgi
• License: mit
• Created: 2018-02-23T16:41:59.000Z (almost 7 years ago)
• Default Branch: master
• Last Pushed: 2018-02-23T19:08:21.000Z (almost 7 years ago)
• Last Synced: 2024-12-04T23:45:48.587Z (21 days ago)
• Language: Vue
• Size: 5.86 KB
• Stars: 14
• Watchers: 3
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# Vue-blur-loader

A Vue.js component to load images with a blur animation like the site Medium







## Installation

```bash

npm install vue-blur-loader --save

#or

yarn add vue-blur-loader

```

## Usage

```javascript

import BlurLoader from 'vue-blur-loader'

export default {

  ...,

  components: { BlurLoader }

}

```

```html

```

```src``` and ```smallSrc``` can either be an url or a local path or even require with your module bundler

```html

```

You can also provide an element which will be showing before the small image load if the internet connexion is really slow (like a loader gif)

```html

  

```