Unschärfeeffekte lassen sich in CSS über die Filter-Property realisieren. Sobald die Style-Klasse festgelegt wurde, kann man diese auf ein DIV oder beliebiges Element anwenden.
Code:
.blurout {
/* Transparenz festlegen */
opacity: 0.85;
/* Postition festlegen */
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
/* Unschärfe festlegen */
filter: blur(5px;);
-webkit-filter: blur(5px);
-moz-filter: blur(5px);
-o-filter: blur(5px);
-ms-filter: blur(5px);
}
/* Transparenz festlegen */
opacity: 0.85;
/* Postition festlegen */
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
/* Unschärfe festlegen */
filter: blur(5px;);
-webkit-filter: blur(5px);
-moz-filter: blur(5px);
-o-filter: blur(5px);
-ms-filter: blur(5px);
}