如何将盒子阴影应用于类似于高架按钮的容器或在颤动上实现的CSS？

Question

我一直在努力实现这一目标，因为所有Box Shadow Solutions都不合适！ Bellow是我想拥有的结果：

Answer 1

只需按照下面的方式添加：

                          Container(
                          decoration: BoxDecoration(
                              borderRadius: BorderRadius.circular(10),
                              image: DecorationImage(
                                image: CachedNetworkImageProvider('your_image'),
                                fit: BoxFit.cover,
                              ),
                              boxShadow: const [
                            BoxShadow(
                              color: Color.fromARGB(255, 0, 0, 0),
                              blurRadius: 2.0,
                              spreadRadius: 0.0,
                              offset: Offset(1, 1), //
                            ),
                          ]));

Answer 2

请将您的容器小部件包装在卡中，并使用卡的高程属性。