Tailwind CSS Effects

shadow-sm # small shadow
shadow # default shadow
shadow-md # medium shadow
shadow-lg # large shadow
shadow-xl # extra large shadow
shadow-none # no shadow

opacity-0 # opacity: 0
opacity-50 # opacity: 0.5
opacity-100 # opacity: 1

transition # transition all properties
transition-colors # transition colors
transition-opacity # transition opacity
duration-300 # 300ms duration
ease-in-out # timing function

scale-75 # scale to 75%
scale-100 # scale to 100%
rotate-45 # rotate 45deg
translate-x-4 # move right
translate-y-4 # move down

rounded # border-radius: 0.25rem
rounded-md # border-radius: 0.375rem
rounded-lg # border-radius: 0.5rem
rounded-full # border-radius: 9999px