راکت
حل شده

حرکت دهی در css

4 پاسخ

آیا میشود توسط css به ایتم ها حرکت دهی یا انیمیشن داد ؟

ثبت پرسش جدید

پاسخ‌ها

4
رایموند
رایموند
@Raymond

تخصص: مختصص وردپرس - برنامه نویس لاراول

بهترین پاسخ

درود خوبی...
بهش میگن متحرک سازی عناصر:

<style>

#rayium{
 width: 100px;
 height: 100px;
 background: red;
 -webkit-animation: test 2s infinite alternate;
 animation: test 2s infinite alternate;
}

@-webkit-keyframes test{
 from {
 background-color: yellow;
 width:100px;
 }
 to {
 background-color: red;
 width:400px;
 }
}

@keyframes test{
 from {
 background-color: yellow;
 width:100px;
 }
 to {
 background-color: red;
 width:400px;
 }
}

</style>
محمد حسین
محمد حسین
@saghari

تخصص: mevn stack

بله تو css میتونی انیمیشن بسازی

محمد سلطانی
محمد سلطانی
@1130899098

تخصص: متخصص برنامه نویسی وب

سلام
به این صورت هستش

<h1>main</h1>
<style>
    @keyframe opacity{
        form{
            opacity: 0%;

        }
        to{
            opacity: 100%;
        }
    }
    h1{
        animation: opacity 3s;
    }
</style>

شاید پاسخ شما همین‌جا باشد

سهیل کبیری
سهیل کبیری
@soheil1370

تخصص: انباردار شرکت واردات موبایل

من تازه شروع کردم
دوره html و تموم کردم و الان توی دوره مقدماتی css هستم
برام سوال بود که میشه با css هم کاری انجام داد یا باید حتما دست به دامن جاوااسکریپت بشم

برای ارسال پاسخ لازم است وارد شده یا ثبت‌نام کنید

ورود یا ثبت‌نام