ContextQMD
Back to Amis

Box Shadow

packages/amis-ui/scss/helper/effect/_box-shadow.md

6.13.0771 B
Original Source
ClassProperties
shadow-smbox-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05)
shadowbox-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06)
shadow-mdbox-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06)
shadow-lgbox-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05)
shadow-xlbox-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1) , 0 10px 10px -5px rgba(0, 0, 0, 0.04)
shadow-2xlbox-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25)
shadow-innerbox-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06)
shadow-nonebox-shadow: none

还有 hover、active、focus 扩展，比如 hover:shadow-sm