ボタンに影を付けたい(スマホにも対応)

そんな要望をいただたいのでやってみました

通常のボタン表示

影付きボタン

赤の1行を今までのスタイルに追加するだけです。

<style>

.j-calltoaction-link{box-shadow:3px 3px 5px rgba(0,0,0,0.3);}
</style>

さらに一工夫(背景にうっすらとグラデーション)

赤の1行を今までのスタイルに追加するだけです。

<style>
.j-calltoaction-link {
    background: linear-gradient(#fff,#f7f7f7) !important;
    box-shadow: 3px 3px 5px rgba(0,0,0,0.5);
}
</style>

▼ タグの貼り付け方はここ マウスを当てると画像が開きます。

この記事がいいなと思ったらメールマガジンに登録していただけると嬉しいです。
メールアドレスを入力して登録ボタンを押してください。

株式会社 PIK

〒108-0075 港区港南3-4-12

TEL.03-6433-0422