ピラミッド
【css】
body{/*ピラミッドの背景*/
background-color:#698;
background-size:40px 40px;
background-image:
linear-gradient(135deg,rgba(255,255,0,.5) 50%,transparent 50%),
linear-gradient(45deg,rgba(0,255,255,.5) 50%,transparent 50%);
}
適宜必要なプロパティを追加してください
このページの背景は、背景色の緑
■
#698に、以下のように黄色
■
#ff0とシアン
■
#0ffを重ねて作ってます。
右の三角形:背景色
上の三角形:背景色50%+黄色50%
下の三角形:背景色50%+シアン50%
左の三角形:背景色25%+黄色50%+シアン25%(シアンの上に黄色を重ねてます)
背景色を変えた時の見本を載せておきます。加法混色の色見本としてもお役立てください。マゼンタ
■
#f0fを重ねたバージョンもそのうち作ります、たぶん。
#fff
#888
#000
#080
#800
#008
#880
#088
#808
#0f0
#f00
#00f
#ff0
#0ff
#f0f
●
赤50%+
●
シアン50%=
●
灰色
●
青50%+
●
黄色50%=
●
灰色
同じ色になるの面白い!
TOP
≫
SUB
≫
CSS実験室
*前
←
89
→
次#
×
人気急上昇中のBL小説
BL小説 BLove
- ナノ -