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

این تاپیک 6 پاسخ و 6 مشارکت کننده دارد . آخرین آپدیت توسط :  Hideous Swan ،‏ 4 ماه و 2 هفته پیش .

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

نویسنده پست
سه شنبه ، 25 ژوئن 2013     7:23 ق.ظ #


طاها دریس

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

با سلام.

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

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

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

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

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

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

پیوست ها:
You must be logged in to view attached files.
8  تشکر
سه شنبه ، 25 ژوئن 2013     10:48 ب.ظ #


لقمان آوند

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

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

2  تشکر
چهار شنبه ، 7 می 2014     12:09 ب.ظ #


saeedvir

Subscriber
1 پست0 تاپیک

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

 

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

0  تشکر
پنجشنبه ، 8 می 2014     10:42 ب.ظ #


hamed_z2001

Subscriber
156 پست51 تاپیک

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

0  تشکر
شنبه ، 10 می 2014     12:48 ق.ظ #


لقمان آوند

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

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

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

1  تشکر
پنجشنبه ، 16 جولای 2015     3:16 ب.ظ #


galboy

Subscriber
7 پست10 تاپیک

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

0  تشکر
شنبه ، 23 جولای 2016     1:42 ب.ظ #


Hideous Swan

Subscriber
8 پست4 تاپیک

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

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

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

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