blur form

by Soviut

HTML

<form class="blur">
  <div class="form-row">
    <label>this is a label</label>
    <input>
  </div>
  <div class="form-row">
    <label>this is a label</label>
    <input>
  </div>
  <div class="form-row">
    <label>this is a label</label>
    <input>
  </div>
</form>

CSS

body {
  font-family: arial, helvetica, san-serif;
}

label {
  display: block;
}

input {
  padding: 0.5em;

  border: solid 1px #CCC;
  border-radius: 4px;
  font-size: 1.2em;
}

.form-row {
  margin-bottom: 1em;
}

.blur {
  filter: blur(4px);
}