问题

我有一个翻书页面，并希望使其看起来像一本实际的书。例如，我在网上找到的这个翻书示例：

有人知道如何实现外部和内部的阴影效果吗？

英文:

I have a flipbook page and am looking to make it look like an actual book. E.g. this flipbook example I found online:

Anyone knows how can the shadows on the outside and the ones on the inside can be achieved?

答案1

得分: 1

对于外部阴影，您可以使用： box-shadow:15px -2px 12px 13px #dedbdb;

对于内部阴影，您可以使用： box-shadow: inset 15px -2px 19px 0px #dedbdb;

对于同时使用两者：
box-shadow: inset 15px -2px 19px 0px #dedbdb, 15px -2px 12px 13px #dedbdb;

根据您的选择调整阴影

英文:

For outside shadow you can use: box-shadow:15px -2px 12px 13px #dedbdb;

For inside shadow you can use: box-shadow: inset 15px -2px 19px 0px #dedbdb;

For both( the same time):
box-shadow: inset 15px -2px 19px 0px #dedbdb, 15px -2px 12px 13px #dedbdb;

Adjust the shadow according to your choice

通过集体智慧和协作来改善编程学习和解决问题的方式。致力于成为全球开发者共同参与的知识库，让每个人都能够通过互相帮助和分享经验来进步。