꒰ঌ ᐢ.ˬ.ᐢ ໒꒱

small


























![]https://i.postimg.cc/4NFdb3tW/tumblr-lq2uur-J8p-Q1qg9aa7.gif)

RESOURCES https://rentry.co/catchild_
https://enchantments.carrd.co/#links
https://rentry.co/decor
https://rentry.co/butter
https://rentry.co/border


https://meowsatingflesh.neocities.org/webpages/resources
https://rentry.co/depressivedividers
https://rentry.co/pancreas
https://lin.crd.co/#img
https://dotae.neocities.org/#codes
https://meowsatingflesh.neocities.org/webpages/resources


fontes: https://satsuyako.booth.pm/items/5044431 ... https://www.asterism-m.com/font/littledevil/

botões de renda pro about me:
.main6-button {
display: flex;
text-decoration: none;
border: 1px solid;
padding: 1.7px;
width: -webkit-fill-available;
height: -webkit-fill-available;
align-items: center;
justify-content: center;
background: #e9f1f3;
border-radius: 5px;
border-image-source: url(/graphics/borders/SP-1.png);
border-image-slice: 5.4;
border-image-width: 5px;
border-image-repeat: round;
border-style: solid;
}

<div class="main6-buttons">
<a class="main6-button" target="_blank" href="/pages/guestbook.html">
<p class="main6-text">guestbook</p>
</a>
<a class="main6-button" target="_blank" href="link">
<p class="main6-text">webring</p>
</a>
<a class="main6-button" target="_blank" href="link">
<p class="main6-text">cliques</p>
</a>
<div class="main6-dropdown">
<button class="main6-button">
<p class="main6-text">shrines</p>
</button>
<div class="main6-links">
<a class="main6-link" target="_blank" href="/shrines/deathnote.html">death note</a>
<!--<div class="dashed-border"></div>
<a class="main6-link" target="_blank" href="link">ranma 1/2</a>
<div class="dashed-border"></div>
<a class="main6-link" target="_blank" href="link">lps</a>-->
</div>
</div>
</div>


animação pros botões do about me
<style>
/ O "Pai" de todos os elementos /
.container-card {
display: inline-block;
padding: 20px;
border: 1px solid #ddd;
border-radius: 8px;
text-align: center;

1
2
3
/* A transição agora fica no container */
transition: transform 0.3s ease, box-shadow 0.3s ease;
cursor: help;

}

/ Quando passar o mouse no CONTAINER, tudo dentro dele sobe /
.container-card:hover {
transform: translateY(-10px);
box-shadow: 0 10px 20px rgba(0,0,0,0.1);
}

/ Estilo da imagem /
.container-card img {
width: 150px;
display: block;
margin-bottom: 15px;
}

/ Estilo do link/texto /
.container-card a {
text-decoration: none;
color: #333;
font-weight: bold;
}
</style>

<div class="container-card">
<img src="https://via.placeholder.com/150" alt="Sua Imagem">
<a href="#">Link do Card</a>
</div>

Edit

Pub: 10 Dec 2022 15:40 UTC

Edit: 06 Jan 2026 11:13 UTC

Views: 156