# Shadow Utility Classes

With Kickstand UI's shadow utility classes you can easily control shadow behavior without writing any custom styles.

shadow-none

shadow-outline

shadow-inner

shadow-xs

shadow-sm

shadow-md

shadow-lg

shadow-xl

# Hover

Hover over each of the class names to activate the shadow.

hover:shadow-none

hover:shadow-outline

hover:shadow-inner

hover:shadow-xs

hover:shadow-sm

hover:shadow-md

hover:shadow-lg

hover:shadow-xl

Click or tap on each of the class names to activate the shadow.

focus:shadow-none

focus:shadow-outline

focus:shadow-inner

focus:shadow-xs

focus:shadow-sm

focus:shadow-md

focus:shadow-lg

focus:shadow-xl