1 Reply Latest reply on Aug 26, 2014 11:09 PM by brucebowman

    Inner Shadows and Stroke suggestion?

    Ghostkashak Level 1

      Hello Developer,

      I see you support "drop shadows" but don't support "Inner Shadows". Can you add this feature too please? In most case when I create button I using inner shadow.


      I can provide some solution on css:


      1. Inner Shadow - > box-shadow: inset  5px 5px 5px 5px rgba(0,0,0,0.2)

      2. Stroke solution stroke -> The problem that  the stroke can be inside, offside or center. As solution for strokes I can see using the same box-shadows.

      • Inside stroke =  3px -> box-shadow: inset  0px 0px 3px 0px rgba(0,0,0,0.2)
      • Outside stroke = 3px -> border: 3px solid red.
      • Center Stroke - I have no idea for know.


      As we know in css box-shadow we can set shadows throw the comma as many as we want. For example;


      We have shape with red stroke(outside) 2px , blue inner shadow 2px blur-5px and drop shadows 5px 10px-blur opacity 0.5;


      So as solution I see it like this .

      .block {

           border: 2px solid red;

           box-shadow: inset 0 0 2px 5px #0000ff, 0px 0px 5px 10px rgba(0,0,0,0.5);



      Sorry for my English mistakes. I hope it is clear for you.