Merhabalar, bu yazımızda sizlere zıplayan veya seken yazılar kodunu vereceğiz. Web sitesi ile uğraşıyorsanız ya da yazılarınızı şekillendirmek istiyorsanız vereceğimiz kod ile zıplayan bir yazı oluşturabilirsiniz.
Vereceğimiz kodu kullanarak html şeklinde kaydederek oluşturmanız çok kolaydır. Aşağıda kodu sitenize veya bit txt metin belgesine, Word belgesine kopyalayın ve farklı kaydet ile sonu html olarak oluşturduğunuzda kullanabilirsiniz.
<!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">Zıplayan Yazı</h1>
</body>
</html>
Yukarıda kodları kullanarak “Zıplayan Yazı” yerine yazacağınız herhangi bir yazıyı kullanarak “Seken Yazı” şeklinde görüntüleyeceksiniz. Yazıyı 20px kadar zıplatan kod’da değiştirmek suretiyle istenilen px kadar zıplatabilirsiniz.
Bu konumuzda html kodu kullanarak “Zıplayan Yazı” şekline dönüştürdük. Konumuzla ilgili olarak sorularınız için sayfamızın hemen altında yorumlar sekmesinden bizimle paylaşabilirsiniz. KOD: 2024-2025-2026-2027-2028
