Board Thread:Support Requests - Getting Technical/@comment-4142476-20130803165046

So I have THIS template that is used on THIS page. Following my Common.css, an extra image will appear when I hover over it with my cursor.

That part is all working fine, as you can see when you hover over the fourth image in line. However, I was wondering what other code I would need to apply to make the hover speed somewhat slower. Googling got me this suggestion:
 * -webkit-transition: .5s

It is however currently not (yet?) working. Is this correct? Do I need to add anything else to css/js/elsewhere? 