0

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

4

3 回答 3

0 
   .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/#玩阴影效果。看看你喜欢什么

于 2013-03-07T15:23:27.227 回答
0

这可能会有所帮助。

    .turn-page-wrapper{
       -moz-box-shadow: 10px 10px 5px #999;
       -webkit-box-shadow: 10px 10px 5px #999;
        box-shadow: 10px 10px 5px #999;
    }
于 2013-08-26T13:21:01.787 回答
0

最新答案 - 2020

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

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

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

而已。希望这个答案可能对某人有所帮助！

于 2020-10-08T11:30:20.400 回答