WordPress実験場

ニューモフィズムボタンの設置

昨年からニューモフィズムが流行ってきています。

簡単なボタン設置してみました。

詳しく見る

何だかこんな感じかなと思います。

備忘録として残しておきます。

https://neumorphism.io/#55b9f3


.btn-border {
padding: 8px 12px;
font-size: 2vw;
display: inline-block;
max-width: 100%;
text-align: center;
border-radius: 3px;
background: linear-gradient(145deg, #fefdff, #d5d4d8);
box-shadow: 10px 10px 15px #b6b6b9, -10px -10px 15px #ffffff;}
.btn-border:hover {
padding: 8px 12px;
font-size: 2vw;
text-decoration:none;
border-radius: 3px;
background: linear-gradient(145deg, #d5d4d8, #fefdff);
box-shadow: 10px 10px 15px #b6b6b9, -10px -10px 15px #ffffff;}
}

WordPressの実験場

このサイトはWordPressのテーマやプラグインの実験場となっています。
無料テーマから有料テーマ、プラグインなどを実装し、紹介しているサイトです。

TEST ROOMのTOPページに戻る