如何将inset应用于tailwindcss中的框阴影

Tailwindcss docs (v3) 如此简短地谈论inset box shadow,以至于我找不到一种方法来将自定义的 inset box-shadow 应用于元素。也shadow-inner-[0px_-2px_4px_rgba(0,0,0,0.6)]不起作用。只有默认的shadow-inner作用于元素。有没有办法将自定义的 shadow-inner 应用于元素?或者如何在

Tailwindcss docs (v3) 如此简短地谈论inset box shadow,以至于我找不到一种方法来将自定义的 inset box-shadow 应用于元素。也shadow-inner-[0px_-2px_4px_rgba(0,0,0,0.6)]不起作用。只有默认的shadow-inner作用于元素。有没有办法将自定义的 shadow-inner 应用于元素?或者如何在

8

当在括号中使用任意值时,Tailwind 将任意值直接转换为 CSS 属性,用空格替换下划线。因此,要定义任意插入框阴影,我们可以简单地使用:

shadow-[inset_0_-2px_4px_rgba(0,0,0,0.6)]

这将成为 CSS 属性:

box-shadow:inset 0-2px 4px rgba(0,0,0,0.6)

本站系公益性非盈利分享网址,本文来自用户投稿,不代表码文网立场,如若转载,请注明出处

(269)
大引号
上一篇
在 ReactJs中设置组件内部的状态
下一篇

相关推荐

发表评论

登录 后才能评论

评论列表(83条)