Ali*_*ban 7 css tailwind-css tailwind-3
Tailwindcss 文档(v3)讨论得inset box shadow非常简短,以至于我找不到将自定义插入框阴影应用到元素的方法。也shadow-inner-[0px_-2px_4px_rgba(0,0,0,0.6)]不起作用。只有默认值shadow-inner适用于该元素。有没有办法将自定义阴影内部应用到元素?或者如何在tailwind.config.js文件中定义自定义文件?
Nat*_*ris 21
当在括号中使用任意值时,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)