Label Symbol with Dynamic Background

This technique allows you to create a label symbol with a background that always stretches to the width of the text. Useful for things like redlines, notes, or pills within your UI. Not sure how widely known this trick is, but it was new to me! The trick involves combining a mask really wide rectangle with a really wide drop shadow.

Download Resource
3071 views  •  514 downloads

Category:  ui

Tag:  web

This Label Symbol with Dynamic Background was designed by Pete Lada  -  Dribbble -  Twitter -  Website -  Source page

Add/Load Comments
Add Label Symbol with Dynamic Background to my collection

More resources by Pete Lada

Great tools and resources for your design needs...