html - css hover to change opacity value of other element -

html - css hover to change opacity value of other element -

<div class="logowrap"> <img src="https://i.imgur.com/obfbjsk.png"> <p class="logodesc">this img desc</p> </div>

i want avoid using javascript, possible alter value of other element using :hover? if possible want add together transition.

http://jsfiddle.net/uh2aq/

do mean want hover on logowrap create logodesc appear?

if so: http://jsfiddle.net/wildandjam/emeln/

.logowrap:hover .logodesc{ opacity:1; }

then, if want, can add together css3 transition, create more fluid.

html css css3