Skip navigation
Currently Being Moderated

Drop shadows and HTML5

Jul 8, 2012 11:06 PM

When there is a Smart Shape with both a stroke and a fill, plus a drop shadow, the drop shadow looks like it only applies to the stroke. I have several such objects with fairly thick 3 or 4 pt stroke. The drop shadow should be behind both the stroke and the fill. To avoid this I've been creating two identical shapes when only one is needed. The bottom shape has a drop shadow and the top shape does not.

Does anyone know a better workaround that doesn't require so many shapes?

  • Currently Being Moderated
    Jul 9, 2012 12:46 AM   in reply to jay fresno

    Hi Jay,


    As you are used to, I double-checked what was my idea about those shadows: being simply a slightly moved duplicate of the original shape with the color, alpha and other settings you setup in the PI, Shadow accordion. I published to HTML5 and everything showed up as expected, here is a screenshot of that published version:


    For the first smart shape I only decremented the Alpha more for the Fill in order to see better the duplicate, shadow image. The second one has no fill, but I customized the shadow color.


    Could you post a screenshot of your different result?



    Mark as:
  • Currently Being Moderated
    Jul 9, 2012 1:59 AM   in reply to jay fresno

    Hi Jay,


    Could reproduce it... will try to find out. It looks as if there is both an inner and an outer shadow for the stroke, nice but unexpected as you say.


    Mark as:

More Like This

  • Retrieving data ...

Bookmarked By (0)

Answers + Points = Status

  • 10 points awarded for Correct Answers
  • 5 points awarded for Helpful Answers
  • 10,000+ points
  • 1,001-10,000 points
  • 501-1,000 points
  • 5-500 points