要给元素添加点阴影效果,可以使用 tailwind 框架的 shadow 相关的类,在这个元素引添加一个 shadow,你会发现这个元素上就会出现一个阴影效果。这个类用的就是 box-shadow 这个样式属性给元素添加的阴影效果。
我们可以控制阴影的大小,比如在第二个元素上添加一个 shadow-xl ,表示要使用超大号的阴影,shadow-2xl,表示比超大号还大一倍的阴影。
另外 tailwind 还提供了一个 shadow-inner 可以设置内部的阴影,它会在元素上面添加一个内部的阴影效果。