File size: 2,304 Bytes
f2e30d8 7ea37fa f2e30d8 23c931e 282307f 23c931e 282307f 23c931e 1b2ba0d 6250375 1b2ba0d 23c931e 6250375 23c931e 6250375 23c931e 2bb3f31 23c931e ba5f556 2bb3f31 23c931e 1b2ba0d 43d1c7c 1b2ba0d 43d1c7c 1b2ba0d 23c931e 6250375 |
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 |
---
tags:
- lora
- ai
- stable-diffusion
- sd
- sd 1.x
thumbnail: "https://huggingface.co/Mooshie/hairflap/blob/main/girl1.png"
---
<!DOCTYPE html>
<html>
<head>
<style>
body {
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', sans-serif;
text-align: center;
margin: 0;
padding: 0;
}
h1 {
color: #0077cc;
transition: color 0.5s ease-in-out, transform 0.4s ease-in-out;
margin: 20px auto;
display: inline-block;
}
h1:hover {
color: #FFCC00;
transform: scale(1.1);
}
p {
color: #777;
}
a {
text-decoration: none;
}
.container {
display: flex;
flex-direction: column;
align-items: center;
}
.gallery {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
margin-top: 20px;
}
.image-container {
flex: 0 0 calc(30% - 10px); /* Adjust the width as needed */
max-width: 100%;
cursor: pointer;
text-align: center;
margin-bottom: 20px;
}
.image-container img {
width: 100%;
max-width: 100%;
height: auto;
display: block;
border-radius: 10px;
transform: scale(1);
transition: transform 0.4s ease-in-out;
}
.image-container:hover img {
transform: scale(1.1);
}
</style>
</head>
<body>
<div class="container">
<a href="https://huggingface.co/Mooshie/hairflap/blob/main/hairflaps.safetensors">
<h1>Explore Hairflap LoRA Model</h1>
</a>
<p>This LoRA model works with values between 1.0 and 1.5. Use 1.0 for simpler hairstyles like long hair, and use 1.5 for more difficult hairstyles like short hair, twintails, or ponytails.</p>
<div class="gallery">
<div class="image-container">
<img src="girl1.png" alt="girl with hair flaps" loading="lazy">
</div>
<div class="image-container">
<img src="girl2.png" alt="booba white hair" loading="lazy">
</div>
<div class="image-container">
<img src="girl3.png" alt="mouse girl" loading="lazy">
</div>
</div>
</div>
</body>
</html>
|