یلدا ادامه داره... ❤️ ۴۰ درصد تخفیف همه دوره‌ها

استفاده از تخفیف‌ها
ثانیه
دقیقه
ساعت
روز
سهیل کبیری
1 سال پیش توسط سهیل کبیری مطرح شد
4 پاسخ

حرکت دهی در css

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


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

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


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

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

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

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

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

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


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

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