برای استفاده از این بخش باید وارد حساب کاربریت بشی
ورود/ثبت نام
<style>
@keyframes floating {
0%, 100% {
transform: translateY(0);}
50% {
transform: translateY(-10px);}}
.float-box {
animation: floating 3s ease-in-out infinite;}
</style>
HTML & CSS
@keyframes float {
0% {
transform: translate(0, 0); # The initial position
}
50% {
transform: translate(10px, -10px); # Slightly moving to the right and top
}
100% {
transform: translate(0, 0); # Back to the initial position.
}
}
HTML & CSS
<!DOCTYPE html>
<html lang="fa">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>انیمیشن شناور</title>
<style>
# Definition of the initial style of the button
button {
padding: 15px 30px;
font-size: 18px;
background-color: #4CAF50;
color: white;
border: none;
border-radius: 5px;
cursor: pointer;
}
# Definition of floating class
.float {
animation: float 3s ease-in-out infinite;
}
# Definition of floating animation
@keyframes float {
0% {
transform: translate(0, 0); # The initial position
}
50% {
transform: translate(10px, -10px); # Slightly moving to the right and top
}
100% {
transform: translate(0, 0); # Back to the initial position.
}
}
/* این یه نمونه برای ساخت یه دکمه شناور هست که من به صورت مستقیم تو کدم استفاده کردم
و شما میتونین به عنوان یه کلاس تعریف کنید و ازش استفاده کنید*/
</style>
</head>
<body>
<button class="float">دکمه شناور</button>
</body>
</html>
HTML & CSS
from flask import Flask, render_template
app = Flask(__name__)
@app.route('/')
def index():
return render_template('index.html')
if __name__ == '__main__':
app.run(debug=True)
Python
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>css3</title>
<style>
@keyframes float {
0% {
transform: translate(0, 0); # The initial position
}
50% {
transform: translate(10px, -10px); # Slightly moving to the right and top
}
100% {
transform: translate(0, 0); # Back to the initial position.
}
}
div {
background: #afafaf;
width: 200px;
height: 50px;
transition: 0.5s;
animation-name: float;
animation-delay: 3s;
animation-duration: 3s;
animation-fill-mode: forwards;
}
</style>
</head>
<body>
<div class="div"></div>
</body>
HTML & CSS
<!DOCTYPE html>
<html lang="fa">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>floating animation</title>
<style>
.floating{
animation: float 3s ease-in-out infinite ;
}
@keyframes float{
0%{
transform: translateY(0);
}
50%{
transform: translateY(-15px);
}
100%{
transform: translateY(0);
}
}
</style>
</head>
<body>
<div class="floating" style="width: 100px; background-color: blueviolet; border: 2px solid; float: right;">♥ </div>
<div class="floating" style="width: 100px; background-color: aqua ; border: 2px solid;">ј</div>
</body>
</html>
HTML & CSS
Submitting answers is currently unavailable.
Write a program that receives a rectangular length and width from the input and prints its area in the output
Java
JavaScript
Python
Things need: The system administrator should be able to log in after entering the Admin username and password 12345 and add a new employee and define the username and password for each employee. The program must be informed ...
Project
Python
Write a program that prints each student's name according to the list below, and as much as his / her name, the star of his name prints the question. Try to use the nested rings Amir 5hooshang 7rez ...
Python
Write a function that receives the user's postcode as a parameter and checks whether the postcode is correct? Must be 15 digits?
Python
Write a program that receives a text and a word from the user, search the word in the text, and as the example below and then put the word * and print the text in the output. Example: Input1: Hello. My name is hooshang. I ...
Python
Create a list and display the following on the screen. Next to each item must be automatically placed.
Front-End
HTML & CSS
Python
برای استفاده از این بخش باید وارد حساب کاربریت بشی
ورود/ثبت نام If you don’t understand the exercise or can’t solve it for any reason, that’s completely
normal—don’t worry 😊
Try checking out easier exercises and reviewing different answers
submitted by others. Gradually, you can move on to more challenging exercises. Also, your answer
might be correct even if it’s different from others.