📚Create 🆕 Programmer🔝©
#web_transition
<!DOCTYPE html>
<html>
<head>
<style>
body{
background: #000;
color:#ffe;
}
div {
width: 100px;
height: 100px;
background: #ff99ff;
transition: width 2s, height 2s, transform 2s;margin-left:180px;
}
div:hover {
background: #4d79ff;
width: 250px;
height: 250px;
transform: rotate(180deg);
}
</style>
</head>
<body>
<p>هذا المثال تطبيق ع خاصية ترانزفورم الي هيه تخلي الدف يدور ب180
درجه ونكدر نخليه 90 او 360 درجه ادور حول نفسهة
</p>
<div></div>
<p>ومن نظغط ع دف راح يتغير لونة من البنفسجي للأزرك </p>
</body>
</html>
<html>
<head>
<style>
body{
background: #000;
color:#ffe;
}
div {
width: 100px;
height: 100px;
background: #ff99ff;
transition: width 2s, height 2s, transform 2s;margin-left:180px;
}
div:hover {
background: #4d79ff;
width: 250px;
height: 250px;
transform: rotate(180deg);
}
</style>
</head>
<body>
<p>هذا المثال تطبيق ع خاصية ترانزفورم الي هيه تخلي الدف يدور ب180
درجه ونكدر نخليه 90 او 360 درجه ادور حول نفسهة
</p>
<div></div>
<p>ومن نظغط ع دف راح يتغير لونة من البنفسجي للأزرك </p>
</body>
</html>