سهیل کبیری
11 ماه پیش توسط سهیل کبیری مطرح شد
4 پاسخ

حرکت دهی در css

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


ثبت پرسش جدید
رایموند
تخصص : مختصص وردپرس - برنامه نویس لار...
@Raymond 11 ماه پیش مطرح شد
0

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

<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>

محمد حسین
تخصص : mevn stack
@saghari 11 ماه پیش آپدیت شد
1

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


محمد سلطانی
تخصص : متخصص برنامه نویسی وب
@1130899098 11 ماه پیش مطرح شد
0

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

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

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

رایموند
تخصص : مختصص وردپرس - برنامه نویس لار...
@Raymond 11 ماه پیش مطرح شد
0

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

<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>

سهیل کبیری
تخصص : انباردار شرکت واردات موبایل
@soheil1370 11 ماه پیش مطرح شد
1

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


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

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