拐角处缺少 Turn.js 阴影效果答案

【问题标题】：Turn.js shadow effect missing on corners拐角处缺少 Turn.js 阴影效果
【发布时间】：2013-03-07 15:13:57
【问题描述】：

我一直在试图弄清楚为什么我好几个星期都无法在杂志的角落获得那种漂亮的阴影效果。我什至不知道应该应用什么 css 类才能获得这种效果。我也一直在研究网络以寻求某种解决方案，但到目前为止没有成功。一点帮助将不胜感激。这是我的开发服务器http://vm.penegalab.com 的链接！谢谢！

【问题讨论】：

标签： shadow turnjs

【解决方案1】：

   .btn-custom {
       background-color: hsl(94, 94%, 30%) !important;
       background-repeat: repeat-x;
       filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#e2fdcd", endColorstr="#42ef84");
       background-image: -khtml-gradient(linear, left top, left bottom, from(#e2fdcd), to(#429404));
       background-image: -moz-linear-gradient(top, #e2fdcd, #429404);
       background-image: -ms-linear-gradient(top, #e2fdcd, #429404);
       background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #e2fdcd), color-stop(100%, #429404));
       background-image: -webkit-linear-gradient(top, #e2fdcd, #429404);
       background-image: -o-linear-gradient(top, #e2fdcd, #429404);
       background-image: linear-gradient(#e2fdcd, #429404);
       border-color: #429404 #429404 hsl(94, 94%, 15%);
       color: #333 !important;
       text-shadow: 0 1px 1px rgba(255, 255, 255, 0.99);
      -webkit-font-smoothing: antialiased;

}

这有帮助吗？我在一个我认为有按钮创建应用程序的网站上得到了这个？如果是您指的渐变效果，我可以寻找它这是一个不同的网站，但甚至很酷！ http://css-tricks.com/examples/ButtonMaker/# 玩阴影效果。看看你喜欢什么

【讨论】：

【解决方案2】：

这可能会有所帮助。

    .turn-page-wrapper{
       -moz-box-shadow: 10px 10px 5px #999;
       -webkit-box-shadow: 10px 10px 5px #999;
        box-shadow: 10px 10px 5px #999;
    }

【讨论】：

【解决方案3】：

最新答案 - 2020 年

用 div 包裹#flipbook。 Ex: .flipbook-container

然后在你的 css 文件中，在 .flipbook-container 下添加以下 css 部分

.shadow {
   -webkit-box-shadow: 0 0 20px 0 #ccc;
           box-shadow: 0 0 20px 0 #ccc;
}

就是这样。希望这个答案可能对某人有所帮助！

【讨论】：