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

حرکت دهی در css

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


ثبت پرسش جدید
رایموند
تخصص : مختصص وردپرس - برنامه نویس لار...
@Raymond 5 ماه پیش مطرح شد
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 5 ماه پیش آپدیت شد
1

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


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

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

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

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

رایموند
تخصص : مختصص وردپرس - برنامه نویس لار...
@Raymond 5 ماه پیش مطرح شد
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 5 ماه پیش مطرح شد
1

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


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

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