お仕事で金色のフレームを作りたくってゴニョゴニョしてたらなんかいい具合にひらめいて、CSSだけで金色フレームが出来てしまったのでメモ気分で掲載です。 box-shadow: が影を重ねづけできるのを知ってどこまで重ねられるか試したところよくわかんないですけど20重くらいは平気な模様です。 GPUにえらい負担がかかりそうで何よりです。 こちらが金色のフレームのCSS。 .goldedge { box-shadow: 1px -3px 3px rgba(255, 255, 255, 0.8),/* オーバーレイ */ 3px 0px 3px rgba(146, 99, 34, 0.4), 0px 3px 0px rgba(163, 141, 27, 0.2), -1px 3px 0px rgba(255, 255, 255, 0.8), 1px 0px 0px #f6e9cf,/* エッジ *