上から光
ここから枠の外の文章
【html(直接css)】<div style="margin:0 auto;width:300px;height:80px;background-size:300px 300px;background-position:0px -150px;background-image:radial-gradient(rgba(255,255,255,.8) 0px,rgba(255,255,255,.4) 40px,rgba(255,255,255,.2) 80px,rgba(255,255,255,0) 150px);padding-top:70px;font-size:2em;color:#9cf;text-align:center;text-shadow:0px -1px 0px #fff,1px 1px 1px #000,-1px 1px 1px #000">上から光</div>ここから枠の外の文章
文字色は背景色と同色がおすすめです。
背景色は何色でも良いですが、半透明の白を重ねているので白背景では機能しません。