Question

Which all codes do you require to move an object back to initial position when it touches the edages y

Answer 1

$</p><p></p><p></p><p><h1>TikTok</h1></p><p></p><p></p><p><style></p><p></p><p></p><p>body{</p><p></p><p>background: #000;</p><p></p><p>height: 100px;</p><p></p><p>display: flex;</p><p></p><p>justify-content: center;</p><p></p><p>align-items: center;</p><p></p><p>transform: scale(3);</p><p></p><p>overflow: hidden;</p><p></p><p>}</p><p></p><p>h1{</p><p></p><p>color: #fff;</p><p></p><p>font-family: sans-serif;</p><p></p><p>font-size: 30px;</p><p></p><p>animation: tiktok 500ms linear infinite;</p><p></p><p>}</p><p></p><p>@keyframes tiktok{</p><p></p><p>0%, 100% {</p><p></p><p>text-shadow: -1.5px -1.5px 0 #0ff, 1.5px 1.5px 0 #f00;</p><p></p><p>}</p><p></p><p>25% {</p><p></p><p>text-shadow: 1.5px 1.5px 0 #0ff, -1.5px -1.5px 0 #f00;</p><p></p><p>}</p><p></p><p>50% {</p><p></p><p>text-shadow: 1.5px -1.5px 0 #0ff, 1.5px -1.5px 0 #f00;</p><p></p><p>}</p><p></p><p>75% {</p><p></p><p>text-shadow: -1.5px 1.5px 0 #0ff, -1.5px 1.5px 0 #f00;</p><p></p><p>}</p><p></p><p>}</p><p></p><p></style></p><p></p><p></p><p>$