.headermaintitle,.headermaintitle::after{
            font-family: 'Oswald', sans-serif;
            width: 300px;
            height: 40px;
            font-size: 18px;
            background: linear-gradient(45deg,transparent  5% , #ff013c 5%);
            border:  0;
            color: #ffff;
            letter-spacing: 3px;
            line-height: 88px;
            box-shadow: 6px 0px 0px #00e6f6;
            outline: transparent;
            position: relative;
        }
       .headermaintitle:hover::after{
            display: block;
            animation: 1s glitch ;
            animation-timing-function: steps(0,end)
        }
        .headermaintitle::after{
            --slice-0:inset(50% 50% 50% 50%)
            --slice-1:  inset(80% -6px 0 0);
            --slice-2:  inset(50% -6px 30% 0);
            --slice-3:  inset(10% -6px 85% 0);
            --slice-5:  inset(40% -6px 43% 0);
            --slice-4:  inset(80% -6px 5% 0);

            content: '开始学习！';
            display: none;
            position: absolute;
            left: 0;
            top: 0;
            right: 0;
            bottom: 0;
            background: linear-gradient(45deg,transparent  3% , #00e6f6 3%,#00e6f6 5%,  #ff013c 5%);
            text-shadow: -3px -3px 0px #f8f005,3px 3px 0px #00e6f6;
            clip-path: var(--slice-0);

           
        }
        @keyframes glitch {
            0%{
                clip-path: var(--slice-0);
                transform: translate(20px, 5px);
            }
            10%
            {
                clip-path: var(--slice-1);
                transform: translate(-20px, 5px);
            }
            20%
            {
                clip-path: var(--slice-2);
                transform: translate(15px, 5px);
            }
            30%
            {
                clip-path: var(--slice-3);
                transform: translate(1px, 5px);
            }
            40%{
                clip-path: var(--slice-5);
                transform: translate(-7px, 5px);
            }
            50%{
                clip-path: var(--slice-3);
                transform: translate(-3px, 5px);
            }
            60%{
                clip-path: var(--slice-4);
                transform: translate(15px, 5px);
            }
            70%{
                clip-path: var(--slice-2);
                transform: translate(1px,5px);
            }
            80%{
                clip-path: var(--slice-0);
                transform: translate(1px, -5px);
            }
            90%{
                clip-path: var(--slice-1);
                transform: translate(15px, 5px);
            }
            100%{
                clip-path: var(--slice-4);
                transform: translate(17px, 5px);
            }
        }