So, I'm working on a style right now, however, not everything is working as it should be. The code below is for the reflected/faded image in the working photo:
Code:
<img src="$post[avatarurl]" $post[avwidth] $post[avheight] style="-webkit-transform: scaleY(-1); pointer-events: none; z-index: -1; -webkit-mask-image:-webkit-gradient(linear, left bottom, left top, from(rgba(0,0,0,0.6)), to(rgba(0,0,0,-0.3))); margin-bottom: -30%"/>
When placed into a vBulletin style, in the proper place in the postbit, it should look like so (Note, this is using the latest Chrome):
However, Firefox is a greedy little child that doesn't use webkit stuff in the way that browsers work:
How can I rectify this? I can't seem to get it to work at all, and it seems that I can't use webkit masks with webkit gradient in Firefox because it's dumb.