SHAMIL SHAHBAZ AWAN
commited on
Update app.py
Browse files
app.py
CHANGED
|
@@ -33,17 +33,29 @@ def calculate_weight(earth_weight, planet):
|
|
| 33 |
def main():
|
| 34 |
with gr.Blocks(css="""
|
| 35 |
.gradio-container {
|
| 36 |
-
background: url('https://
|
| 37 |
background-size: cover;
|
| 38 |
min-height: 100vh;
|
| 39 |
}
|
| 40 |
.gradio-container .output-box {
|
| 41 |
-
animation: fadein 2s ease-in-out;
|
| 42 |
}
|
|
|
|
| 43 |
@keyframes fadein {
|
| 44 |
from { opacity: 0; }
|
| 45 |
to { opacity: 1; }
|
| 46 |
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 47 |
""") as demo:
|
| 48 |
gr.Markdown("# Weight Calculator on Different Planets")
|
| 49 |
gr.Markdown("Enter your weight on Earth and choose a planet to find your weight on it.")
|
|
|
|
| 33 |
def main():
|
| 34 |
with gr.Blocks(css="""
|
| 35 |
.gradio-container {
|
| 36 |
+
background: url('https://papers.co/wallpaper/papers.co-vx41-digital-wallpaper-grunge-pattern-background-29-wallpaper.jpg') no-repeat center center fixed;
|
| 37 |
background-size: cover;
|
| 38 |
min-height: 100vh;
|
| 39 |
}
|
| 40 |
.gradio-container .output-box {
|
| 41 |
+
animation: fadein 2s ease-in-out, scaleup 1s ease-out, textcolor 3s ease-in-out;
|
| 42 |
}
|
| 43 |
+
|
| 44 |
@keyframes fadein {
|
| 45 |
from { opacity: 0; }
|
| 46 |
to { opacity: 1; }
|
| 47 |
}
|
| 48 |
+
|
| 49 |
+
@keyframes scaleup {
|
| 50 |
+
from { transform: scale(0.8); }
|
| 51 |
+
to { transform: scale(1); }
|
| 52 |
+
}
|
| 53 |
+
|
| 54 |
+
@keyframes textcolor {
|
| 55 |
+
0% { color: #ff7e5f; }
|
| 56 |
+
50% { color: #feb47b; }
|
| 57 |
+
100% { color: #00b4d8; }
|
| 58 |
+
}
|
| 59 |
""") as demo:
|
| 60 |
gr.Markdown("# Weight Calculator on Different Planets")
|
| 61 |
gr.Markdown("Enter your weight on Earth and choose a planet to find your weight on it.")
|