Front-End
افزودن تمرین جدید
برای استفاده از این بخش باید وارد حساب کاربریت بشی
ورود/ثبت نام
* {
transition: all 200ms ease;
}
HTML & CSS
*
{
transition: all 200ms ease;
}
/*با استفاده از (*) میتوان استایل هایی به تمام عناصر صفحه داد*/
HTML & CSS
<!DOCTYPE html>
<html>
<head>
<style>
* {
transition:all 0.200s ease
}
div:hover{
transform:rotate(1.5deg)
}
</style>
</head>
<body>
<div>Hello Word!</div>
</body>
</html>
<!DOCTYPE html>
<html>
<head>
<title>Project</title>
<link rel="stylesheet" href="project.css" type="text/css">
</head>
<body>
<div>
<p>Test</p>
</div>
</body>
</html>
<!--CSS-->
@charset 'utf-8';
*{
padding: 0px;
margin: 0xp;
font-style: italic;
box-sizing: border-box;
transition: all 200ms ease;
}
div>p{
color: red;
font-family: Georgia, 'Times New Roman', Times, serif;
font-size: 50px;
}
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>ترنزیشن برای تمام المان ها</title>
<style>
* {
transition:all 0.200s ease;
padding: 10px;
margin: 0px;
font-style: italic;
box-sizing: border-box;
}
div{
font-size: 8em;
color: red;
}
div:hover{
transform:rotate(1.5deg)
}
</style>
</head>
<body>
<div>12345</div>
</body>
</html>
<!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>
* {
transition: all 200ms ease;
}
.div {
width: 100px;
height: 100px;
border: 1px solid black;
font-family: sans-serif;
font-size: 1.4em;
border-radius: 15px;
}
.div:hover p{
color: blue;
}
</style>
</head>
<body>
<div class="div">
<p id="p">transition in 200ms</p>
</div>
</body>
Python
<!DOCTYPE html>
<html lang="en";>
<head>
<meta charset="UTF-8">
<meta name="viewport " content="width=device-width,intial-scale=1.0">
<title> hearts</title>
<style>
*{
transition: all ease 200ms;
}
div:hover{
transform:scale(0.5) ;
}
</style>
</head>
<body>
<div style="font-size: 100px; color: red; text-align: center;">♥</div>
</body>
</html>
HTML & CSS
برای استفاده از این بخش باید وارد حساب کاربریت بشی
ورود/ثبت نام
اگه متوجه تمرین نمیشی یا به هر دلیلی نمیتونی حلش کنی، کاملا طبیعیه، اشکالی نداره؛ ناراحت نشو
😊
سعی کن تمرینات آسون تر رو ببینی و جواب های مختلفی که دیگران ارسال کرده اند رو بررسی کنی و
یواش یواش به سراغ تمرینات سخت تر بری.
همچنین ممکنه جوابت درست باشه ولی با سایر جواب ها متفاوت باشه
اگه برنامه نویسی رو هنوز شروع نکردی یا خوب یاد نگرفتی، میتونی از طریق لینک زیر یاد بگیری