آموزش ایجاد انیمیشن لرزشی با CSS3

این تاپیک 6 پاسخ و 6 مشارکت کننده دارد . آخرین آپدیت توسط :  unknown ،‏ 9 ماه و 1 هفته پیش .

این تاپیک تاکنون 1676 بازدید داشته است .

نویسنده پست
سه شنبه ، ۴ تیر ۱۳۹۲     ۷:۲۳ ق.ظ #


طاها دریس

Authorplus
VIP
451 پست5 تاپیک

با سلام.

با معرفی یک کد جالب و کاربردی در خدمت شما هستم.

این کد یک انیمشین CSS هست که باعث میشه، هنگام Hover شدن بر روی عنصر، عنصر مورد نظر شروع به لرزش کنه، که میتونید از این کد برای تصاویر و لینک و سایر اجزای صفحه وبتون استفاده کنید.

طریقه استفاده :

کد css زیر در head صفحه(درون تگ style) یا در فایل css قالب قرار بدین :

از این بعد فقط کافیه که کلاس shake رو به عنصر موردنظرتون بدین تا انیمیشن براش فعال بشه. به طور مثال :

امیدوارم مفید بوده باشه.

پیوست ها:
You must be logged in to view attached files.
8  تشکر
سه شنبه ، ۴ تیر ۱۳۹۲     ۱۰:۴۸ ب.ظ #


لقمان آوند

مدیر ارشد
VIP
1704 پست5 تاپیک

خیلی جالب بود سجان جان ...

2  تشکر
چهارشنبه ، ۱۷ اردیبهشت ۱۳۹۳     ۱۲:۰۹ ب.ظ #


saeedvir

Subscriber
1 پست0 تاپیک

در آدرس زیر میتونید نمونه کاملتری را پیدا کنید :

 

http://gowebdev.ir/view.php?pid=23

0  تشکر
پنج شنبه ، ۱۸ اردیبهشت ۱۳۹۳     ۱۰:۴۲ ب.ظ #


hamed_z2001

Subscriber
157 پست52 تاپیک

کاربرد translate چیه؟؟

0  تشکر
شنبه ، ۲۰ اردیبهشت ۱۳۹۳     ۱۲:۴۸ ق.ظ #


لقمان آوند

مدیر ارشد
VIP
1704 پست5 تاپیک

[quote=25939]کاربرد translate چیه؟؟[/quote]

اگه منظورت transform هست برای تغیر شکل یا اندازه به شکل دو و سه بعدی در css3 بکار میره . اطلاعات بیشتر ...

1  تشکر
پنج شنبه ، ۲۵ تیر ۱۳۹۴     ۳:۱۶ ب.ظ #


galboy

Subscriber
7 پست10 تاپیک

عالی بود . مرسی...!

0  تشکر
شنبه ، ۲ مرداد ۱۳۹۵     ۱:۴۲ ب.ظ #


unknown

Subscriber
19 پست7 تاپیک

نشد هر کاری کردم.

کلاس که میدم اسم عنصری که واس کلاس دادم  میاد بالا فقط.. و اون میلرزه

0  تشکر
پست 1 تا 7 (از مجموع 7 پست)

برای پاسخ دادن به این تاپیک باید وارد سایت شوید .