JSFiddle - React, Tailwind, and code Playground

by António Almeida

HTML

<input id="ford" readonly />

<button id="focus">focus</button>
<button>unfocus</button>

CSS

#ford {
    -webkit-filter: blur(10px);
    -moz-filter: blur(10px);
    filter: blur(10px);
    background-image: url('http://www.auto-jardim.com/images/1__164.jpg');
    width: 400px;
    height: 300px;
    border: none;
}

#ford:focus {
    -webkit-filter: blur(0);
    -moz-filter: blur(0);
    filter: blur(0);
}

JavaScript

$('#focus').on('click', function(){
    
    
    $('#ford').focus();

    
});