برای استفاده از این بخش باید وارد حساب کاربریت بشی
ورود/ثبت نام
<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); /* موقعیت اولیه */
}
50% {
transform: translate(10px, -10px); /* جابجایی کمی به سمت راست و بالا */
}
100% {
transform: translate(0, 0); /* بازگشت به موقعیت اولیه */
}
}
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>
/* تعریف استایل اولیه دکمه */
button {
padding: 15px 30px;
font-size: 18px;
background-color: #4CAF50;
color: white;
border: none;
border-radius: 5px;
cursor: pointer;
}
/* تعریف کلاس شناور */
.float {
animation: float 3s ease-in-out infinite;
}
/* تعریف انیمیشن شناور */
@keyframes float {
0% {
transform: translate(0, 0); /* موقعیت اولیه */
}
50% {
transform: translate(10px, -10px); /* جابجایی کمی به سمت راست و بالا */
}
100% {
transform: translate(0, 0); /* بازگشت به موقعیت اولیه */
}
}
/* این یه نمونه برای ساخت یه دکمه شناور هست که من به صورت مستقیم تو کدم استفاده کردم
و شما میتونین به عنوان یه کلاس تعریف کنید و ازش استفاده کنید*/
</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); /* موقعیت اولیه */
}
50% {
transform: translate(10px, -10px); /* جابجایی کمی به سمت راست و بالا */
}
100% {
transform: translate(0, 0); /* بازگشت به موقعیت اولیه */
}
}
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
برنامه ای بنویسید که اعداد صحیح یک بازه را در خروجی چاپ کند. بازه موردنظر را از ورودی دریافت کنید.
Python
فرمی طراحی کنید که اطلاعات زیر را با استفاده از بهترین عناصر از کاربر دریافت کند و به صفحه register/ به روش post ارسال کندنامنام خانوادگیجنسیتسنشهررنگ مورد علاقهتاریخ تولدشماره موبایلآدرس
Front-End
HTML & CSS
برنامه ای بنویسید که طول ضلع مربعی را از ورودی دریافت کند و مساحت آن را حساب کند مساحت مربع = یک ضلع ضربدر خودش = یک ضلع یه توان 2
Java
Python
برنامه ای بنویسید که نام کاربری و رمزعبور کاربر رو دریافت کند و طبق اطلاعات زیر، بررسی کند که نام کاربری و رمز عبور وارد شده صحیح است یا خیر؟ username - passwordamirhossein - 12345hooshang - 009922...
Python
Kotlin
کد css بنویسید که div زیر را انتخاب کند و رنگ متون داخل آن را به سبز تغییر دهد <div id='mybox'>code-bezan.ir</div>
Front-End
HTML & CSS
برای استفاده از این بخش باید وارد حساب کاربریت بشی
ورود/ثبت نام
اگه متوجه تمرین نمیشی یا به هر دلیلی نمیتونی حلش کنی، کاملا طبیعیه، اشکالی نداره؛ ناراحت نشو
😊
سعی کن تمرینات آسون تر رو ببینی و جواب های مختلفی که دیگران ارسال کرده اند رو بررسی کنی و
یواش یواش به سراغ تمرینات سخت تر بری.
همچنین ممکنه جوابت درست باشه ولی با سایر جواب ها متفاوت باشه
اگه برنامه نویسی رو هنوز شروع نکردی یا خوب یاد نگرفتی، میتونی از طریق لینک زیر یاد بگیری