shadow - Turn.js の影の効果が角にない

Question

私は何週間もの間、雑誌の隅に素敵な影の効果が得られないように見える理由を理解しようとしてきました. その効果を得るためにどのcssクラスを適用する必要があるかさえわかりません。また、何らかの解決策を求めて Web を調査してきましたが、これまでのところ成功していません。少しでもお役に立てば幸いです。ここに私の開発サーバー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;

}

それは役に立ちますか？ボタンクリエーターアプリがあると思うウェブサイトでそれを手に入れましたか？あなたが言及しているグラデーション効果であれば、私はそれを探すことができます。 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;
    }