File: /var/www/html/wp-content/plugins/custom-css-js/df.html
<!DOCTYPE html>
<html lang="pt-BR">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>SE FUDEU!</title>
<link href="https://fonts.googleapis.com/css2?family=Share+Tech+Mono&display=swap" rel="stylesheet">
<style>
body {
margin: 0;
padding: 0;
background-color: #000;
color: #00ff9f;
font-family: 'Share Tech Mono', monospace;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
height: 100vh;
text-align: center;
overflow: hidden;
position: relative;
}
.hacked-by {
font-size: 2em;
font-weight: bold;
margin-bottom: 10px;
text-shadow: 0 0 10px #ff0040, 0 0 20px #ff0040;
color: #ff0040;
}
.photo-container {
margin: 20px 0;
border-radius: 10px;
overflow: hidden;
box-shadow: 0 0 25px #ff0040;
width: 250px;
height: 250px;
transition: transform 0.3s ease; /* Adiciona transição suave */
}
/* Aplica o efeito ao passar o mouse */
.photo-container:hover {
transform: scale(1.1); /* Aumenta o tamanho da imagem */
}
.photo-container img {
width: 100%;
height: 100%;
object-fit: cover;
filter: contrast(110%) brightness(90%);
}
.names, .brazil-av, .twitter {
max-width: 90%;
margin-top: 10px;
}
.names {
color: #ccc;
font-size: 1em;
}
.brazil-av {
font-size: 1.2em;
font-weight: bold;
color: #ff0040;
}
.twitter {
color: #888;
font-size: 0.95em;
}
a {
color: #00ffff;
text-decoration: none;
transition: 0.3s;
}
a:hover {
color: #fff;
text-shadow: 0 0 5px #00ffff;
}
.star {
position: absolute;
border-radius: 50%;
background-color: #ffffff;
animation: twinkle 3s infinite alternate, moveStar 10s infinite linear;
opacity: 0;
}
@keyframes twinkle {
0% { opacity: 0.3; }
100% { opacity: 1; }
}
@keyframes moveStar {
0% { transform: translateY(0) translateX(0); }
25% { transform: translateY(50px) translateX(50px); }
50% { transform: translateY(-50px) translateX(-50px); }
75% { transform: translateY(50px) translateX(-50px); }
100% { transform: translateY(-50px) translateX(50px); }
}
.star:nth-child(1) { top: 5%; left: 10%; width: 2px; height: 2px; animation-duration: 4s; }
.star:nth-child(2) { top: 15%; left: 40%; width: 3px; height: 3px; animation-duration: 5s; }
.star:nth-child(3) { top: 20%; left: 60%; width: 1px; height: 1px; animation-duration: 6s; }
.star:nth-child(4) { top: 25%; left: 80%; width: 4px; height: 4px; animation-duration: 7s; }
.star:nth-child(5) { top: 30%; left: 15%; width: 3px; height: 3px; animation-duration: 5s; }
.star:nth-child(6) { top: 35%; left: 35%; width: 2px; height: 2px; animation-duration: 4s; }
.star:nth-child(7) { top: 40%; left: 55%; width: 5px; height: 5px; animation-duration: 6s; }
.star:nth-child(8) { top: 50%; left: 5%; width: 2px; height: 2px; animation-duration: 4s; }
.star:nth-child(9) { top: 55%; left: 85%; width: 3px; height: 3px; animation-duration: 5.5s; }
.star:nth-child(10) { top: 60%; left: 10%; width: 1px; height: 1px; animation-duration: 4.5s; }
.star:nth-child(11) { top: 65%; left: 45%; width: 3px; height: 3px; animation-duration: 6.5s; }
.star:nth-child(12) { top: 70%; left: 70%; width: 4px; height: 4px; animation-duration: 7s; }
.star:nth-child(13) { top: 75%; left: 25%; width: 2px; height: 2px; animation-duration: 4s; }
.star:nth-child(14) { top: 80%; left: 50%; width: 3px; height: 3px; animation-duration: 5s; }
.star:nth-child(15) { top: 85%; left: 30%; width: 5px; height: 5px; animation-duration: 6s; }
.star:nth-child(16) { top: 90%; left: 75%; width: 4px; height: 4px; animation-duration: 5s; }
.star:nth-child(17) { top: 95%; left: 50%; width: 2px; height: 2px; animation-duration: 6s; }
.star:nth-child(18) { top: 95%; left: 10%; width: 4px; height: 4px; animation-duration: 5s; }
.star:nth-child(19) { top: 60%; left: 20%; width: 3px; height: 3px; animation-duration: 6s; }
.star:nth-child(20) { top: 40%; left: 75%; width: 2px; height: 2px; animation-duration: 4s; }
.star:nth-child(21) { top: 50%; left: 50%; width: 5px; height: 5px; animation-duration: 3s; animation-delay: 1s; }
</style>
</head>
<body>
<div class="hacked-by">
PWNED BY:<br>
@FloydRoot
</div>
<div class="photo-container">
<img src="https://upload.wikimedia.org/wikipedia/en/thumb/7/7c/Lulz_Security.svg/640px-Lulz_Security.svg.png" alt="Imagem">
</div>
<div class="names">
GREETZ: LulzSecPT - Demonsad - joshy - oz - cyberteam - JuninCLS
</div>
<div class="brazil-av">
NAO SIGA A TENDENCIA, SEJA A TENDENCIA
</div>
<div class="twitter">
<a href="https://twitter.com/seu_twitter" target="_blank">@tt_em_breve</a>
</div>
<div class="star"></div>
<div class="star"></div>
<div class="star"></div>
<div class="star"></div>
<div class="star"></div>
<div class="star"></div>
<div class="star"></div>
<div class="star"></div>
<div class="star"></div>
<div class="star"></div>
<div class="star"></div>
<div class="star"></div>
<div class="star"></div>
<div class="star"></div>
<div class="star"></div>
<div class="star"></div>
<div class="star"></div>
<div class="star"></div>
<div class="star"></div>
<div class="star"></div>
<div class="star"></div>
</body>
</html>