خاصیت انیمیشن در CSS

محمدمهدیـ · دی 92

درود

این سایت رو ببینید : http://www.rozmob.com/

دکمه ی اول منوی بالای سایت رو ببینید

چشمک زن هست

و این خاصیت css رو داره :

animation: 0.5s linear 0s alternate none infinite blink;

اول :

من میخوام بدونم این کار رو چطوری انجام دادن که چشمک میزنه - base کار و نخوه تعریف رو میخوام بدونم ! :wacko:

و دوم :

چندین نمونه ی زیبا ی این تیپی میخوام

تچکرات ویژه

. :wub: :wub: .

ویرایش شده دی 92 توسط مـحـمـد

**Mobin** · دی 92

از تابع animation استفاده کرده این دستور دارای خاصیتهای مختلفی هست و خاصیت infinite هم باعث میشه این عمل نامحدود تکرار بشه

توضیحات بیشتر

http://www.w3schools.com/css/css3_animations.asp
http://codepen.io/anon/pen/kaGxC

مثال ساده


<!DOCTYPE html>
<html>
<head>
<style>
div
{
width:100px;
height:100px;
background:red;
animation:myfirst 5s infinite;
}
@keyframes myfirst
{
from {background:red;}
to {background:yellow;}
}
</style>
</head>
<body>
<p><b>Note:</b> This example does not work in Internet Explorer 9 and earlier versions.</p>
<div></div>
</body>
</html>

شما با یک مقدار تغییر در cssش میتونین مدلهای بهتری بسازید

(البته با timer در jquery هم میتونین اینو بسازید)

محمدمهدیـ · دی 92

مچکرم.

نمونه ای هست که برای یک div منو بزارم که اون شکلی شه ؟؟

یه چیزی دقیقا مثل همون نیاز دارم ×

NESTED · دی 92

طبق همون نمونه بجای div می تونید اسم کلاس یا ایدی مور نظرتون رو بنویسید و یک مقدار تغییر در cssش میتونین مدلهای بهتری بسازید

ورود

خاصیت انیمیشن در CSS

پست های پیشنهاد شده

محمدمهدیـ 122

لینک به ارسال

Mobin 1669

لینک به ارسال

محمدمهدیـ 122

لینک به ارسال

NESTED 4295

لینک به ارسال

به گفتگو بپیوندید

فهرست بخش ها

فعالیت ها