How to make overlapping background for custom shape on link hover

GeniUS

New Member
Example of the image:
kpBEc.jpg
I have 2 links: 1 and 2
two background gradient images: blue-green and yellow-red.After hovering on one of them (1 or 2) I want to have triangle with proper extention background.e.g. when hovering on 1 I want to have begining of blue-green gradient triangle, same for 2 but proper position of gradient.
 
Back
Top