Question

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

Answer 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;

}

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

Answer 2

这可能有所帮助。

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

Answer 3

最新答案-2020

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

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

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

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

角落上缺少Turn.js阴影效果

3 个答案: