I created a pure CSS code that demonstrates on how to create a roll-over effect using transition. The code also shows on how to activate two div tag elements at the same time in one mouse hover.
In the sample below I created something like a gallery blog, if you hover your mouse over to the image, the information of that image will show up in transition from bottom up to the middle. See images below:
 |
| Without mouse hover |
 |
| When you hover your mouse |
The demo and code on how to do this can be downloaded below.
Download
Click here to download