Öncelikle hepinize selamlar, TürkHackTeam ailesi
ben @u1ku1912
Html dilinde yazdığım CSS, JS ile de dizayn ettiğim v3 index'i paylaşıyorum:
HTML:
HTML:
<!DOCTYPE html>
<html lang="tr">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>ANKA RED TEAM gururla sunar!</title>
<link href="https://fonts.googleapis.com/css2?family=Hacker&display=swap" rel="stylesheet">
<style>
body {
margin: 0;
padding: 0;
overflow: hidden;
font-family: 'Hacker', sans-serif;
color: white;
background: url('https://i.hizliresim.com/p2votf1.png') no-repeat center center fixed;
background-size: cover;
transition: background 1s ease-in-out;
}
h1 {
font-size: 80px;
text-align: center;
margin-top: calc(5% - 32px);
animation: fadeInUp 2s forwards;
text-shadow: 2px 2px 5px red;
}
.sub-text {
font-size: 24px;
opacity: 0;
text-shadow: 1px 1px 3px black;
animation: fadeInUp 2s forwards;
}
.sub-text.left {
position: absolute;
bottom: 15%;
left: 5%;
animation-delay: 1s;
animation: slideInLeft 2s forwards;
}
.sub-text.right {
position: absolute;
bottom: 15%;
right: 5%;
animation-delay: 1.5s;
animation: slideInRight 2s forwards;
}
@keyframes fadeInUp {
0% { transform: translateY(100%); opacity: 0; }
100% { transform: translateY(0); opacity: 1; }
}
@keyframes slideInLeft {
0% { transform: translateX(-100%); opacity: 0; }
100% { transform: translateX(0); opacity: 1; }
}
@keyframes slideInRight {
0% { transform: translateX(100%); opacity: 0; }
100% { transform: translateX(0); opacity: 1; }
}
@keyframes bounce {
0% { transform: translateY(0); }
50% { transform: translateY(-10px); }
100% { transform: translateY(0); }
}
.alert {
position: absolute;
bottom: 10%;
left: 50%;
transform: translateX(-50%);
font-size: 32px;
color: red;
font-weight: bold;
animation: fadeIn 3s forwards, bounce 1s infinite alternate;
animation-delay: 2s;
text-shadow: 2px 2px 5px black;
}
audio {
display: none;
}
</style>
</head>
<body>
<h1>TÜRK HACK TEAM HACKED</h1>
<div class="sub-text left">u1ku1912</div>
<div class="sub-text right">Anka Red Team gururla sunar</div>
<audio controls autoplay loop>
<source src="mp3semti.com/CVRTOON-Er-Turan.mp3" type="audio/mpeg">
</audio>
<script>
const backgrounds = [
'https://i.hizliresim.com/cbko4l2.png',
'https://i.hizliresim.com/cyr5lj4.png'
];
let currentIndex = 0;
setInterval(() => {
currentIndex = (currentIndex + 1) % backgrounds.length;
document.body.style.backgroundImage = `url('${backgrounds[currentIndex]}')`;
}, 2000);
</script>
</body>
</html>Anka Red Team Hack V3 İndex - u1ku1912
Arka plan resmi @aytlogo hocama aittir.
Çok güzel içerikler, gövde gösterisi, tasarım, edit, programlama ile karşınızda olacağım, ilerleyen zamanlar da
Hepinize iyi forumlar...
Çok güzel içerikler, gövde gösterisi, tasarım, edit, programlama ile karşınızda olacağım, ilerleyen zamanlar da
Hepinize iyi forumlar...
Son düzenleme:
