تمرین برنامه نویسی؛ با کدبزن!

منبع جامع سوالات و تمرینات برنامه نویسی

ترنزیشن برای تمام المان ها

تمرین آسان 915/ دانلود 308 بازدید

کد CSS ای بنویسید که برای تمام ویژگی های تمام المان های صفحه، ترنزیشنی با زمان 200 میلی ثانیه از نوع ease لحاظ کند.

👨‍💻 24 ساعت قبل کاربر ناشناس این تمرین رو مشاهده کرد

5 جواب

* 
{
  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 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>
Nima1393 دانلود 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>
Maryam.n دانلود HTML & CSS

ارسال جواب

  • قبل از ارسال جواب ویدیو زیر رو ببین تا کار کردن با markdown رو یاد بگیری
  • لطفا جواب های تکراری ارسال نکن
  • سعی کن داخل کدت از کلمات فارسی یا فینگلیش (فارسی با حروف انگلیسی) استفاده نکنی و کدت تماما انگلیسی باشه
  • لطفا داخل جواب از ایموجی یا کاراکترهای خاص استفاده نکن
  • ارسال جواب حق مادی یا معنوی برای ارسال کننده ایجاد نمیکند و تمام حقوق برای سایت کدبزن محفوظ است

راهنمای ارسال جواب 👇

مطالب مرتبط

تشخیص با استفاده از هوش مصنوعی
×
×
بستن