[code] blur on hover text

<style>

.blur {
cursor: pointer;
font-weight: bold;
font-size: 32px;
}

.blur:hover {
transition: 0.3s;

webkit-filter: blur(1px);
filter: blur(1px);
}
</style>
</head>
<div class="blur">blur on hover</div>
</style>