Felly00505 https://blog.hatena.ne.jp/Felly00505/ arms inc. Engineers' Blog https://tech.arms-soft.co.jp/ CSS フロントエンド デザイン こんにちは、ユアサです。 いよいよ梅雨入りしてジメジメした日が続きますね。 さて今回は、昨年にCSSのトレンドになるのではと話題になっていた「ニューモーフィズム」について紹介していきます。 ニューモーフィズムについて ニューモーフィズムは、「New」と「Skeumorphism」 を合わせた造語だそうです。 要素がまるで押し出されていたり凹んでいたりしているように見せるデザインの手法で、作る際は 背景と要素を同色に揃える 明るいシャドウと暗いシャドウをそれぞれ要素の対角線上につける といった流れで実装していきます。 またニューモーフィズムを実装する際ですが、影や形などをスライダーで調整して自動… 190 <iframe src="https://hatenablog-parts.com/embed?url=https%3A%2F%2Ftech.arms-soft.co.jp%2Fentry%2F2021%2F05%2F26%2F090000" title="これから流行るかも？CSSの新しいデザイン手法「ニューモーフィズム」でボタンを作成してみる - arms inc. Engineers&#39; Blog" class="embed-card embed-blogcard" scrolling="no" frameborder="0" style="display: block; width: 100%; height: 190px; max-width: 500px; margin: 10px 0px;"></iframe> https://cdn.user.blog.st-hatena.com/default_entry_og_image/154391842/1555659217502624 Hatena Blog https://hatena.blog 2021-05-26 09:00:00 rich https://tech.arms-soft.co.jp/entry/2021/05/26/090000 1.0 100%