Use the default settings

<h1 {{blur}}>Hello World</h1>

Use the custom options

  • filter String (default: 'blur(1.5px)'): The graphical effects like blur or color shift applied to the element.
  • opacity String (default: '0.5'): The opacity applied to the element.
  • shouldBlur Boolean (default: true): Whether the element should be blurred.
  • transition String (default: 'all .2s linear'): The animated transitions between element states.
<h1 {{blur opacity='0.75'}}>Hello World</h1>