2

作業中のアプリケーション用に、画像ベースのボタンを CSS のみのボタンに変換しています。現在の画像の例を次に示します。

拡大サイズ:

拡大画像

ベースサイズ:

ベースサイズ

そして、ここに私が今いるところがあります:http://dabblet.com/gist/3098607

再現に苦労しているのは、ボタンに影があり、少し浮き上がって見えることです。これを で複製しようとしてもうまくいきませんでしたbox-shadow

この効果を再現する方法を知っている人はいますか? どんな助けでも大歓迎です。

ありがとう。

4

2 に答える 2

3

http://css3ps.com/を使用してみてください— このサービスは、Photoshop レイヤー スタイルを模倣しようとする可能性があります。また、代替の PS プラグインhttp://csshat.com/ (無料ではありません) もあり、これは私を大いに助けてくれました。

アップデート:

JSFiddleを作成し、CSS3 でボタンを実装しようとしました。フィードバックをお寄せください — これらはあなたが探しているドロイドですか?

影を左に 1px ずらす必要があるかもしれませんが、それは問題ではありません。

更新 2:

または、おそらく(必要な動作を理解しようとして質問を繰り返し読み直しています)、次のようにします:クリックしてください。

           例

于 2012-07-12T15:04:08.670 に答える
0

これを見てください: http://jsfiddle.net/xdWmd/4/
CSS を少し使用して、少し盛り上がったように見せます。

于 2012-07-12T15:02:47.937 に答える