Enhance Ai commited on
Commit
8a6fc9d
1 Parent(s): ebf32e8

Create README.MD

Browse files
Files changed (1) hide show
  1. README.MD +166 -0
README.MD ADDED
@@ -0,0 +1,166 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+
2
+ <style>
3
+ .title-container {
4
+ display: flex;
5
+ justify-content: center;
6
+ align-items: center;
7
+ height: 100vh; /* Adjust this value to position the title vertically */
8
+ }
9
+
10
+ .title {
11
+ font-size: 2.5em;
12
+ text-align: center;
13
+ color: RED;
14
+ font-family: 'Helvetica Neue', sans-serif;
15
+ text-transform: uppercase;
16
+ letter-spacing: 0.1em;
17
+ padding: 0.5em 0;
18
+ background: transparent;
19
+ }
20
+
21
+ .title span {
22
+ background: -webkit-linear-gradient(45deg, #7ed56f, #28b485);
23
+ -webkit-background-clip: text;
24
+ -webkit-text-fill-color: transparent;
25
+ }
26
+
27
+ .custom-table {
28
+ table-layout: fixed;
29
+ width: 100%;
30
+ border-collapse: collapse;
31
+ margin-top: 2em;
32
+ }
33
+
34
+ .custom-table td {
35
+ width: 50%;
36
+ vertical-align: top;
37
+ padding: 10px;
38
+ box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.15);
39
+ }
40
+
41
+ .custom-image-container {
42
+ position: relative;
43
+ width: 100%;
44
+ margin-bottom: 0em;
45
+ overflow: hidden;
46
+ border-radius: 10px;
47
+ transition: transform .7s;
48
+ /* Smooth transition for the container */
49
+ }
50
+
51
+ .custom-image-container:hover {
52
+ transform: scale(1.05);
53
+ /* Scale the container on hover */
54
+ }
55
+
56
+ .custom-image {
57
+ width: auto;
58
+ height: auto;
59
+ object-fit: cover;
60
+ border-radius: 10px;
61
+ transition: transform .7s;
62
+ margin-bottom: 0em;
63
+ }
64
+
65
+ .nsfw-filter {
66
+ filter: blur(8px); /* Apply a blur effect */
67
+ transition: filter 0.3s ease; /* Smooth transition for the blur effect */
68
+ }
69
+
70
+ .custom-image-container:hover .nsfw-filter {
71
+ filter: none; /* Remove the blur effect on hover */
72
+ }
73
+
74
+ .overlay {
75
+ position: absolute;
76
+ bottom: 0;
77
+ left: 0;
78
+ right: 0;
79
+ color: white;
80
+ width: 100%;
81
+ height: 40%;
82
+ display: flex;
83
+ flex-direction: column;
84
+ justify-content: center;
85
+ align-items: center;
86
+ font-size: 1vw;
87
+ font-style: bold;
88
+ text-align: center;
89
+ opacity: 0;
90
+ /* Keep the text fully opaque */
91
+ background: linear-gradient(0deg, rgba(0, 0, 0, 0.8) 60%, rgba(0, 0, 0, 0) 100%);
92
+ transition: opacity .5s;
93
+ }
94
+ .custom-image-container:hover .overlay {
95
+ opacity: 1;
96
+ /* Make the overlay always visible */
97
+ }
98
+ .overlay-text {
99
+ background: linear-gradient(45deg, #00000, #0000);
100
+ -webkit-background-clip: text;
101
+ color: transparent;
102
+ /* Fallback for browsers that do not support this effect */
103
+ text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.7);
104
+ /* Enhanced text shadow for better legibility */
105
+
106
+ .overlay-subtext {
107
+ font-size: 0.75em;
108
+ margin-top: 0.5em;
109
+ font-style: italic;
110
+ }
111
+
112
+ .overlay,
113
+ .overlay-subtext {
114
+ text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);
115
+ }
116
+
117
+ </style>
118
+
119
+ <h1 class="title">
120
+ <span>AnimeSai</span>
121
+ </h1>
122
+ <table class="custom-table">
123
+ <tr>
124
+ <td>
125
+ <div class="custom-image-container">
126
+ <img class="custom-image" src="https://enhanceai.s3.amazonaws.com/0acc94f4-4cb4-46fa-9fc9-ed8c24f7292a_1.png" alt="sample1">
127
+ </div>
128
+ <div class="custom-image-container">
129
+ <img class="custom-image" src="https://enhanceai.s3.amazonaws.com/6d3e36d7-1376-48d1-8d4d-09615de790eb_1.png" alt="sample4">
130
+ </div>
131
+ </td>
132
+ <td>
133
+ <div class="custom-image-container">
134
+ <img class="custom-image" src="https://enhanceai.s3.amazonaws.com/00500d81-f096-4167-b7cf-01830d2cc925_1.png" alt="sample2">
135
+ </div>
136
+ <div class="custom-image-container">
137
+ <img class="custom-image" src="https://enhanceai.s3.amazonaws.com/5bb06f9c-4e4c-4ee1-b356-9c9400181a19_1.png" alt="sample3">
138
+ </div>
139
+ </td>
140
+ <td>
141
+ <div class="custom-image-container">
142
+ <img class="custom-image" src="https://enhanceai.s3.amazonaws.com/9b82d531-2ab2-4e47-94d3-f46d3bd4e9f4_1.png" alt="sample1">
143
+ </div>
144
+ <div class="custom-image-container">
145
+ <img class="custom-image" src="https://enhanceai.s3.amazonaws.com/ba6485de-1e75-44fc-9357-e6ec34e2005a_1.png" alt="sample1">
146
+ </div>
147
+ </td>
148
+ <td>
149
+ <div class="custom-image-container">
150
+ <img class="custom-image" src="https://enhanceai.s3.amazonaws.com/ad179bdc-191e-4d51-a671-82c5af3c2ec1_1.png" alt="sample1">
151
+ </div>
152
+ <div class="custom-image-container">
153
+ <img class="custom-image" src="https://enhanceai.s3.amazonaws.com/8e11fccd-bba3-4a88-bb0b-2fbdaad2437f_1.png" alt="sample1">
154
+ </div>
155
+ </td>
156
+ </tr>
157
+ </table>
158
+
159
+ ## Overview
160
+
161
+ **AnimeSai** is Advance Anime Image Generate Ai Model From [EnhanceAi](https://enhanceai.art)
162
+
163
+ ## Model Details
164
+
165
+ - **Try Now:** [EnhanceAi](https://enhanceai.art) 200 Image Generate Free
166
+ - **Developer By:** Pranav Ajay & Kushal Saho