BLOG hover animation.

I know the theme does not support this kind of animations, but I can apply my own CSS animation as you can see on the page under the heading “članky” and “komunita” those are my custom CSS animation I added. So how can I apply a custom CSS animation with the style I mentioned above on my page on the images of the blog element.

Okey, and could you give me a hint into the right directions, so I know what class should I use ?

okey then, and why was it easy with the button ?

here is the css animation for the blog:

background-color: #989898;
border-width: 0;
height: 100%;
left: 0;
margin: 0;
opacity: .75;
padding: 0;
position: absolute;
top: 0;
transition-delay: 0s;
transition-duration: 250ms;
transition-property: height;
transition-timing-function: cubic-bezier(.19,1,.22,1);
vertical-align: baseline;
width: 100%;
z-index: 1;