Front-End
تمرین جدید
HTML & CSS
تحلیل جواب با AI
Python - پایتون
PHP - پی اچ پی
JavaScript - جاوا اسکریپت
C# - سی شارپ
C & C++ - سی و سی پلاس پلاس
Kotlin - کاتلین
Java - جاوا
DataBase - دیتابیس
Matlab - متلب
Rust - راست
Golang - گولنگ
Bash - بش
برای استفاده از این بخش باید وارد حساب کاربریت بشی
ورود/ثبت نام
* {
transition: all 200ms ease;
}
*
{
transition: all 200ms ease;
}
/*با استفاده از (*) میتوان استایل هایی به تمام عناصر صفحه داد*/
<!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>
<!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>
برای استفاده از این بخش باید وارد حساب کاربریت بشی
ورود/ثبت نام