結果を表示する
元にもどす
<html> <meta charset="utf-8"> <style> hr{margin:40px -10px;} .サンプル_000{position:fixed; top:0; left:0; width:460px; height:160px; background:linear-gradient(90deg,rgba(0,0,0,1)0%,rgba(128,128,128,0.5)20%,rgba(255,255,255,0)100%);} </style> <div style="width:600px;height:600px;margin:-8px;background-color:#456789;"></div> <p>サンプル_000 / <span style="color:#ff0000;">R</span><span style="color:#00aa00;">G</span><span style="color:0066ff;">B</span>_<span style="color:888888;">A</span>, 角度 90deg 0%(0_1) / 20%(128_0.5) / 100%(225_0) を設定<br> <div class="サンプル_000"></div> <span>0 20 100</span> <hr> <div style="width:80px;height:160px;background-color:rgba(0,0,0,1);display:inline-block;"></div><div style="width:390px;height:160px;background-color:rgba(128,128,128,1);display:inline-block;"></div> </html>