Header hover #1 (opacity)

Tadi pagi Salsa request cara bikin Header hover kayak blogku.Sebenarnya itu image hover dan header blogku juga ikut ke hover kayak image-image blogku.Yaudah langsung ke tutor aja.
Cr kode asal : Wana tapi aku ubah  hanya untuk header aja Maksud tutorial ini adalah saat hover header blog akan tampak berbeda.Lihat gambar di bawah ini.

Berbeda kan opacity -nya?

• Blogskins/ Classic template : Paste codes ni sebelum/di atas code </style> 
• Template designer : Paste codes ni sebelum/di atas ]]></b:skin> 
• Ini kodenya

#header{ opacity:0.7; border:none; padding:0px; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; border-radius:10px;} #header:hover{ border-radius:30px; opacity: 1; }