Vue

by akin

HTML

<div id="app">
      <img src="https://images.pexels.com/photos/45201/kitty-cat-kitten-pet-45201.jpeg?" width="150"
      :style="imgStyle">
      
   <input type="range" min="0" max="2" step="0.1" v-model="brightness"/>
      <span>  {{brightness}}  </span>
 </div>

Vue

var app = Vue.createApp({
   data() {
   return {
  	brightness: 1
    }
  },
  computed:{
  	imgStyle(){
  		return {
        filter: `brightness(${this.brightness})` 
      }
  }
  }
});

var vm = app.mount("#app");