1 Reply Latest reply on Oct 14, 2012 9:21 PM by dhosford

    How to merge colors of overlapping divs


      Looking to dynamicly create a venn diagramm from overlapping ellipse divs of different colors. While I am able to use extra divs to fad in the required colors once the ellipses have stopped moving, I am unable to have the colors simply merge.



        • 1. Re: How to merge colors of overlapping divs
          dhosford Employee Moderator

          Hi there,


            Have you tried just overlapping the colored ellipses set to a slightly lower opacity? It would take some playing with to find the right percentage that works best to try and achieve the exact effect you want, but I would start at 50% each and work from there.


            See below I have two ellipses set to 75% opacity, overlapping to create a yellow-orange color:




          Let me know if this helps!