CSSを使って画像を境に文字色を反転させる方法を解説 | 模写修行メディア

HTMLを記述する <div class="kv"> <div class="bg"> <div class="text-block text-white"> <p class="text">webkore<br>Text Split Layout</p> </div> </div> <div class="text-block text-black"> <div class="text-inner"> <p class="text" aria-hidden="true">webkore<br>Text Split Layout</p> </div> </div> </div> 全体のHTMLコードです。 白と黒の2色のテキストを用意 2色のテキストをピッタリと重ね合わせる テキストの親要素等にwidthやoverflowで、はみ出た部分を非表示にしていく このような流れで作ります。 キー