如何将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)

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

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

相关推荐

  • css设置滚动条宽度设置:This is a title

    CSS设置滚动条宽度的方法:使用CSS3的。-webkit-属性:…

    2023-06-06 10:53:01
    0 23 53
  • css 子样式:标题

    CSS 子样式是指在父样式的基础上,对其子元素进行单独定义的样式。它可以使用类选择器、ID 选择器或者属性选择器来定义,如下所示:…

    2023-04-13 14:42:51
    0 12 14
  • css 间隔:如何利用 CSS 进行间隔调整

    示例示例CSS 间隔是指在 CSS 中使用的间距属性,它可以用来设置元素之间的距离。有几种常用的 CSS 间隔属性,包括:…

    2023-06-05 02:47:09
    0 96 31
  • css导入字体:标题

    示例示例CSS导入字体可以通过@font-face规则来实现,代码示例如下:…

    2023-04-22 12:42:42
    0 35 40
  • css背景图片:Unlock the Power of Creative Backgrounds

    示例示例CSS背景图片是一种使用CSS样式来定义HTML元素的背景图像。它可以让你在网页中添加图片,而不需要使用标签。CSS背景图片的语法如下:…

    2023-04-27 07:58:21
    0 13 29
  • sci和cssci哪个高级一种新的科学出版标准

    SCI和CSSCI是两个学术期刊收录索引,它们都用于衡量学术期刊的发表质量。SCI(Science Index)是由美国科学信息研究所(ISI)提供的一种学术期刊收录索引,它收录了来自全球各地的学术期刊,并以引文索引的方式收录其中的文章。SCI的收录索引覆盖了超过8000种期刊,其中包括了许多国际一流期刊,如Nature、Science、Cell、PNAS等。…

    2023-05-14 11:16:30
    0 17 16
  • css文本垂直居中:标题

    CSS文本垂直居中的方法有很多,以下是其中常用的几种:使用 line-height 属性:…

    2023-05-09 10:53:27
    0 67 46
  • css选择第三个元素:Third Element

    CSS选择第三个元素的代码如下:上述代码中,element表示要选择的元素,nth-child()是CSS中的伪类,用于选择某个父元素的第n个子元素,圆括号中的数字表示第几个,上述代码表示选择第三个元素。…

    2023-04-12 07:21:21
    0 52 18

发表评论

登录 后才能评论

评论列表(60条)