はてなブックマーク

直接的に役に立つことはあまり無さそうですが、CSSのデザインのアイデアの一つとして記述します。 結果から 将棋盤のイメージを作りました。 ソースはCodePenで公開しています。 https://codepen.io/nakyos/pen/RKJKEL ※以下は、Windows10、Chromeで表示した際のスクリーンショットです。 盤 素材：榧 木目：板目 ※柾目のほうが高級ですが、デザインとして面白い板目を選択しました。 # board { background: linear-gradient( 90deg, rgba(208, 147, 82, 0.6), rgba(192, 134, 70, 0.6) 60%, rgba(208, 147, 82, 0.6) ), repeating-radial-gradient( ellipse at 60% 500%, #c08646, #