Front-End
You must be logged in to access this section.
Login/Sign up
<style>
@keyframes floating {
0%, 100% {
transform: translateY(0);}
50% {
transform: translateY(-10px);}}
.float-box {
animation: floating 3s ease-in-out infinite;}
</style>
HTML & CSS
<!DOCTYPE html>
<html>
<head>
<style>
@keyframes Test {
from{
color:red ;
margin: 1px;
}
to {
color:blue;
margin:10px;
}
}
div {
width: 200px;
border:2px solid mediumspringgreen;
padding:10px;
margin:auto;
color:red;
animation-name: Test;
animation-duration: 1.5s;
animation-iteration-count: infinite;
}
</style>
</head>
<body>
<div>RezaNajafiane</div>
</body>
</html>
@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 2 numbers as the interval, in which the interval of all the 5 existing numbers. For example, in the interval of 1 to 20 the number 2 times the number 5 repeated (5 and 15)
Python
Write a function that receives the bank card number as an entrance and places * for all its digits except the first and last digits and give some example as the example below: ("603711121119900") "60 ... 60 ...
Python
You must be logged in to access this section.
Login/Sign up 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.