Front-End
You must be logged in to access this section.
Login/Sign up
* {
transition: all 200ms ease;
}
HTML & CSS
*
{
transition: all 200ms ease;
}
# Using (*) can give styles to all the elements of the page
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
Submitting answers is currently unavailable.
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.