details
No.007~No.009が新作です。No.006までのテクスチャはバナーサイズも追加しました。
.header-bg {
position: absolute;
width: 100%;
height: 100%;
background-image: repeating-conic-gradient(from 3deg, rgba(255,255,255,0) 0deg 10deg, var(--main-color) 10deg 10.3deg);
}
上記のコードでは不具合のある集中線を若干太くすることで正常な表示ができるように試みています。10.3degという値の部分で太さの調節ができますので、微調整をする際はこちらの値を変更してください。
<ruby class="ruby-01" data-ruby="るび">ルビ<rt>るび</rt></ruby>
<ruby class="ruby-02" data-ruby="るび">ルビ<rt>るび</rt></ruby>
/* SafariとiOS Google Chromeに適用 */
_::-webkit-full-page-media, _:future, :root .ruby-01 {
/* ここに修正css */
}
_::-webkit-full-page-media, _:future, :root .ruby-02 {
/* ここに修正css */
}
また何かございましたらお気軽にお問い合わせください。この度はありがとうございました。