body {
margin: 0;
background: linear-gradient(135deg, #ff0707 50%, #1a0000 50%);
color: gold;
font-family: ‘Segoe UI’, sans-serif;
text-align: center;
user-select: none;
}
img {
border-radius: 10px;
margin-top: 60px;
/* PERBAIKAN BORDER – Lebih tebal dan menonjol */
border: 5px solid #ff0000;
box-shadow:
0 0 25px red,
0 0 35px #ff4444,
0 0 45px #ff6666,
0 0 55px #ff8888;
transition: all 0.3s ease;
position: relative;
z-index: 1;
}
/* Efek hover untuk border yang lebih dramatis */
img:hover {
border: 6px solid #ffcc00;
box-shadow:
0 0 30px red,
0 0 45px #ff4444,
0 0 60px #ff6666,
0 0 75px #ff8888,
0 0 90px #ffaaaa;
transform: scale(1.02);
}
a {
color: red;
text-decoration: none;
font-size: 16px;
}
a:hover {
text-shadow: 0 0 10px red;
}
audio {
display: none;
}
.glitch-wrapper {
animation: fadeIn 2s ease-in-out;
}
@keyframes fadeIn {
from { opacity: 0; transform: scale(0.95); }
to { opacity: 1; transform: scale(1); }
}
/* Tambahan efek glow di belakang gambar */
.image-container {
position: relative;
display: inline-block;
}
.image-container::before {
content: »;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 280px;
height: 280px;
background: radial-gradient(circle, rgba(255,0,0,0.4) 0%, rgba(255,0,0,0) 70%);
border-radius: 15px;
z-index: 0;
animation: pulse 2s infinite alternate;
}
@keyframes pulse {
from { opacity: 0.3; transform: translate(-50%, -50%) scale(0.95); }
to { opacity: 0.6; transform: translate(-50%, -50%) scale(1.05); }
}
𝗣𝗮𝘄𝗻𝗲𝗱 𝗕𝘆 𝗟𝗘𝗚𝗘𝗡𝗗𝗦
𝗛𝘅𝗿𝗡𝗼𝗻𝗮𝗺𝗲 ~ 𝗟𝗘𝗚𝗘𝗡𝗗𝗦 𝗡𝗘𝗩𝗘𝗥 𝗗𝗜𝗘 𝟰𝗘𝗩𝗘𝗥
𝗦𝘁𝗼𝗽 — 𝗧𝗵𝗶𝘀 𝗜𝘀 𝗠𝘆 𝗔𝗿𝘁’𝘀, 𝗗𝗼𝗻’𝘁 𝗧𝗼𝘂𝗰𝗵 !!
~ 𝗧𝗛𝗜𝗦 𝗜𝗦 𝗙𝗢𝗥 𝗬𝗢𝗨 𝗠𝗬 𝗘𝗟 ❤ ~
𝗧𝗵𝗲 𝗔𝗿𝘁’𝘀 𝗢𝗳 𝗠𝗮𝗴𝗶𝗰 𝗣𝗵𝘆𝘀𝗶𝗰
function playAudio() {
const x = document.getElementById(‘sec’);
x.play();
}
«𝗣𝗨𝗦𝗛 𝗠𝗘 𝗔𝗦𝗦 𝗛𝗢𝗟𝗘»