JSFiddle - React, Tailwind, and code Playground

HTML

<div id="test3" style="width:200px;height:200px;background-image:url('http://img.forumimg.net/design/forum-header-inside.png');"><div id="test2" style="background-image:url('http://socfishing.ru/wp-content/uploads/2014/02/sflogo_min.png');background-color:green;width:200px;height:200px;" >searchengines.guru</div></div>

CSS

#test2 {
-webkit-transition: all 1s ease-in; /*для браузеров с webkit*/
-moz-transition: all 1s ease-in /*для FF*/
-o-transition: all 1s ease-in /*для Opera*/
transition: all 1s ease-in /*для браузеров с нормальной поддержкой свойства (всегда должен стоять последним)*/
}
#test2:hover {
opacity: 0.5;
background-color:blue !important;
}