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. Apr 12, 2018 at 7:41
  • You basically need an Opacity Mask in Illustrator or a Layer Mask in Photoshop.
    – Scott
    Apr 12, 2018 at 8:17

1 Answer 1


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

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