Just need to know how to give the rectangle this shade kind of effect at the very ending and I also need to know how to cut the bottom line. I need info on exactly how to replicate this amazing rectangle designed by the TypeForm website.

I am not replicating them for a project but for my educational purpose.

Thanks in Advance enter image description here

  • Rasterizing the rectangle and removing the bottom line Than I tried to drop shadow using angles which failed to give similar results. – Ehtisham Ul Haq Apr 12 '18 at 7:41
  • You basically need an Opacity Mask in Illustrator or a Layer Mask in Photoshop. – Scott Apr 12 '18 at 8:17

This is for illustrator. Draw a rounded rectangle, apply stroke and fill as required. Use an Outer Glow effect on the rectangle.

Draw a filled black rectangle to use as a transparency mask, and apply a Gaussian blur effect to it, then use that as the transparency mask.

enter image description here

| improve this answer | |

Not the answer you're looking for? Browse other questions tagged or ask your own question.