Прыгающий текст легко создать, сохранив в формате HTML, используя предоставленный нами код.
Используйте приведенный ниже код, когда скопируете его на свой сайт или в текстовый документ TXT, сохраните как и сохраните в формате html. (Для текстового документа, переименуйте расширение из txt в html).
Для использования приведенного кода, впишите свой текст вместо «Прыгающий текст». Вы можете заставить текст прыгать на любое количество пикселей, изменив код, который заставляет его прыгать на 20 пикселей.
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 |
<!DOCTYPE html> <html> <head> <style> @keyframes jump { 0% { transform: translateY(0); } 50% { transform: translateY(-20px); } 100% { transform: translateY(0); } } .jump-text { animation: jump 1s infinite; } </style> </head> <body> <h1 class="jump-text">Прыгающий текст</h1> </body> </html> |