- 7 Nis 2022
- 226
- 127
HTML:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Kabus Indexi</title>
<style>
body {
background-color: black;
color: white;
font-family: Arial, sans-serif;
text-align: center;
margin: 0;
padding: 0;
overflow: hidden;
}
.scary-text {
font-size: 36px;
font-weight: bold;
animation: colorChange 5s infinite alternate;
}
.horror-messages {
font-size: 24px;
font-weight: bold;
margin-top: 20px;
}
.popup {
position: fixed;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
background-color: black;
color: white;
padding: 20px;
border-radius: 10px;
z-index: 1000;
display: none;
animation: popUp 1s forwards;
}
@keyframes colorChange {
from { color: red; }
to { color: yellow; }
}
@keyframes popUp {
from { transform: translate(-50%, 50%); opacity: 0; }
to { transform: translate(-50%, -50%); opacity: 1; }
}
</style>
</head>
<body>
<div class="scary-text">ToxicWare tarafından Hazırlandı.</div>
<div class="popup" id="popup1">
<p class="horror-messages">Gözlerini Açamayacaksın...</p>
</div>
<div class="popup" id="popup2">
<p class="horror-messages">Kabuslarından Kaçamayacaksın...</p>
</div>
<div class="popup" id="popup3">
<p class="horror-messages">Karanlıkta Kaybolacaksın...</p>
</div>
<!-- 47 tane daha popup eklenebilir -->
<script>
const scaryText = document.querySelector(".scary-text");
const popups = document.querySelectorAll(".popup");
const messages = [
"Gözlerini Açamayacaksın...",
"Kabuslarından Kaçamayacaksın...",
"ToxicWare tarafından Hazırlandı...",
"Gözlerini Açamayacaksın...",
"Kabuslarından Kaçamayacaksın...",
"Karanlıkta Kaybolacaksın...",
"Gizli Bir Tehlike Yaklaşıyor...",
"Ruhsuz Gözler Seni İzliyor...",
"Gerçek Dünya Artık Yok...",
"Kapılar Kilitlendi, Çıkış Yok...",
"Korkunç Sır Kapını Çaldı...",
"Gecenin Sonu Gelmiyor...",
"Kabus Gerçek Oldu...",
"Seni Kimse Duymuyor...",
"İyilik Artık Bir Geçmiş...",
"ToxicWare tarafından Hazırlandı....",
"Kan Kokusu Her Yerde...",
"Gölgeler Seni Takip Ediyor...",
"Zaman Durdu, Kâbus Başladı...",
"Ruhunu Kaybediyorsun...",
"Sonu Gelmez Korkular...",
"İyilik Sadece Bir İllüzyon...",
"Karanlıkta Boğuluyorsun...",
"Kabusların Gerçekleşiyor...",
"Korku Seni Yutacak...",
"Gerçeklik Sınırlarını Kaybediyorsun...",
"Karanlık Dünyada Tek Başınasın...",
"Gölgeler Seni Sarıyor...",
"Sessiz Çığlık, Sonsuz Korku...",
"Kâbusların Sınır Tanımıyor...",
"Bir Adım Ötede Ölüm Var...",
"Ruhunu Kaybetmeye Hazır Mısın?",
"Karanlık Sis Kaplıyor Her Şeyi...",
"Zihnin Çözülüyor...",
"ToxicWare tarafından Hazırlandı....",
"Saatler Durdu, Korku Başladı...",
"Sonsuz Korku, Sonsuz Gece...",
"Gölgelerde Kayboluyorsun...",
"Gözlerini Kapattığında Korku Başlıyor...",
"Ruhunu Kurtaramayacaksın...",
"Sınırsız Kâbus, Sonsuz Korku...",
"Karanlığın Derinliklerinde...",
"Sonsuz Kâbusun İçinde Kayboluyorsun...",
"Korkunç Gece Seni Bekliyor...",
"Sonu Gelmez Korkulara Hazır Ol...",
"Gölgeler Seni Çağırıyor...",
"Karanlıkta Sıkışıp Kalıyorsun...",
"Kabuslar Gerçek Oldu...",
"Bir Adım Atarsan Kurtuluş Yok...",
"Karanlık Seni Yutacak..."
// Diğer mesajları buraya ekleyin...
];
setInterval(() => {
const randomColor = getRandomColor();
document.body.style.backgroundColor = randomColor;
scaryText.style.color = randomColor;
}, 500);
setInterval(() => {
const randomPopupIndex = Math.floor(Math.random() * popups.length);
const randomPopup = popups[randomPopupIndex];
randomPopup.querySelector(".horror-messages").innerText = messages[Math.floor(Math.random() * messages.length)];
randomPopup.style.display = "block";
setTimeout(() => {
randomPopup.style.display = "none";
}, 4000);
}, 6000);
function getRandomColor() {
const letters = "0123456789ABCDEF";
let color = "#";
for (let i = 0; i < 6; i++) {
color += letters[Math.floor(Math.random() * 16)];
}
return color;
}
</script>
</body>
</html>
eline sağlık iyi çalışmalar.
