/********************************************************************************* サーチライト https://little-strange.hatenablog.com/entry/2021/04/16/234029 */
/* オリジナル 
                <style><!--
                @keyframes scha{
                0%{background-color:#000000;background-position:-1000px 0,1000px 0;}
                10%{background-position:1000px 0,1000px 0;}
                30%{background-position:-1000px 0,1000px 0;}
                35%{background-position:0px 0,0px 0;}
                50%{background-color:#000000;}
                60%{background-color:#ffff00;background-position:0px 0,0px 0;}
                61%{background-position:-1000px 0,1000px 0;}
                70%{background-color:#000000;}
                100%{background-color:#000000;background-position:-1000px 0,1000px 0;}
                }
                .sch{
                --schc1:#ffff00ff;
                --schc2:#ffff0000;
                --schsz1:50%;
                --schsz2:60%;
                color:black;
                text-align:center;
                background-image:radial-gradient(circle at 50% 50%,var(--schc1) var(--schsz1),var(--schc2) var(--schsz2)),radial-gradient(circle at 50% 50%,var(--schc1) var(--schsz1),var(--schc2) var(--schsz2));
                background-repeat:no-repeat;
                animation:scha 40s linear 0s infinite;
                }
                --></style>
                <div class="sch">隠された文字</div>
*/

@keyframes scha{                                        /* 黄色の帯     */
    0%{     background-position:-1000px 0,1000px 0; }   /* 左から右     */
    30%{    background-position:1000px 0,1000px 0;  }   /* 右から左     */
    60%{    background-position:-1000px 0,1000px 0; }   /*              */
    85%{    background-position:0px 0,0px 0;        }
}

.sch{
    --schc1:#ffff00ff;
    --schc2:#ffff0000;
    --schsz1:50%;
    --schsz2:60%;
    color:black;
    text-align:center;
    background-image:radial-gradient(circle at 50% 50%,var(--schc1) var(--schsz1),var(--schc2) var(--schsz2)),radial-gradient(circle at 50% 50%,var(--schc1) var(--schsz1),var(--schc2) var(--schsz2));
    background-repeat:no-repeat;
    animation-iteration-count:  1;          /* 再生回数 「infinite」だと無限                                                                                                    */  
    animation: scha 10s linear;
	animation-delay:	6s;				/* アニメーション開始を3秒遅らせる	*/
}