www.webdeveloper.com
Results 1 to 2 of 2

Thread: Problem to masking images with firefox

  1. #1
    Join Date
    Jan 2013
    Posts
    84

    Exclamation Problem to masking images with firefox

    Please hel me, i'm going crazy!
    I've crerated a simple circle with gradient color and saved it as svg file...

    At this point i want to set it as a mask of ani image.. This is the code


    <img id="immy" src="http://www.hdwallpapersarena.com/wp-content/uploads/2012/05/22-amazing-landscape.jpg">


    and this the css rule
    PHP Code:
    #immy
    {
        -
    webkit-mask-imageurl(cerchio.svg); /*chrome*/
        
    maskurl(cerchio.svg#cer);  /*firefox*/

    the mask works fine in chrome, but it dont make any result in firefox, where the image simply isn't showed (such if the mask hide it completely)

  2. #2
    Join Date
    Mar 2011
    Posts
    1,133
    CSS masks were new to me, since I usually rely on ImageMagick to create such effects on the server or use CSS gradients if I can. So I searched on "css mask firefox" and found quite a lot of information. I bet you'll find a solution if you try the same search. Good luck!
    Rick Trethewey
    Rainbo Design

Thread Information

Users Browsing this Thread

There are currently 1 users browsing this thread. (0 members and 1 guests)

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  
HTML5 Development Center



Recent Articles