CSS Hover (header and text)

[AquattVot]

Is it possible using css's "hover" that when i hover over the header background the h1 and p tags in the header fade and blur and if so how do i do it?how do i tell my header to blur the text?my header:\[code\].header:hover {background-image: url('img/bg.jpg');background-position: center top;background-repeat: no-repeat;background-color: #000000;color: #f6f6f6;-moz-box-shadow: 0px 2px 9px #888;-webkit-box-shadow: 0px 2px 9px #888;box-shadow: 0px 2px 9px #888;max-height: 420px; -webkit-transition: all 3.2s ease; -moz-transition: all 3.2s ease; -o-transition: all 3.2s ease; -ms-transition: all 3.2s ease; transition: all 3.2s ease;-webkit-filter: grayscale(0.5) blur(10px);}\[/code\]my p:\[code\]p {font-size: 16px;line-height: 24px;}\[/code\]my h1:\[code\]h1 {font-weight: 200;font-size: 42px;}\[/code\]