მოძრავი სტრიქონი შავ ფონზე
დაყენების ინსტრუქცია: ქვემოთ მოცემული სკრიპტი ჩასვით საიტის ბლოკში
<!DOCTYPE html> <html lang="en" > <head> <meta charset="UTF-8"> <link rel="apple-touch-icon" type="image/png" href="https://cpwebassets.codepen.io/assets/favicon/apple-touch-icon-5ae1a0698dcc2402e9712f7d01ed509a57814f994c660df9f7a952f3060705ee.png" /> <meta name="apple-mobile-web-app-title" content="CodePen"> <link rel="shortcut icon" type="image/x-icon" href="https://cpwebassets.codepen.io/assets/favicon/favicon-aec34940fbc1a6e787974dcd360f2c6b63348d4b1f4e06c77743096d55480f33.ico" /> <link rel="mask-icon" type="image/x-icon" href="https://cpwebassets.codepen.io/assets/favicon/logo-pin-b4b4269c16397ad2f0f7a01bcdf513a1994f4c94b8af2f191c09eb0d601762b1.svg" color="#111" /> <title>CodePen - Бегущая строка css</title> <link rel="canonical" href="https://codepen.io/CoolS2/pen/XpeNdd"> <style> .block{ height: 90px; width:300px; margin:0 auto; background: #343436; } .block p{ text-align:center; color:#fff; text-transform: uppercase; padding-top: 35px; animation: text 5s infinite linear; padding-left: 100%; white-space: nowrap; } @keyframes text { 0%{ transform: translate(0, 0); } 100%{ transform: translate(-160%, 0); } } </style> <script> window.console = window.console || function(t) {}; </script> </head> <body translate="no"> <body> <div class='block'><p>აქ შეცვალეთ თქვენი ტექსტით</p></div> </body> </body> </html>
დააკოპირეთ
