افکتهای زیبا برای Border بصورت انیمیشن ( نمونه اول )

- visibility ۵ mode_comment

در این مطلب و مطالب بعدی ، چهار نمونه کد زیبا برای Border بصورت انیمیشی در اختیارتون میزارم که میتونین برای زیباتر شدن سایتتون از اونا ایده بگیرین.

کدهای HTML :

کدهای CSS :

میبینید که زمانی که روی Box مورد نظر هاور میکنید ، Border اون بصورت انیمیشنی تغییر میکنه.

امیدوارم خوشتون اومده باشه.

موفق باشید. یا علی

Source

comment دیدگاه کاربران
حسین حسنی

خوب بود.
یه کم بیشتر در مورد کدهایی که توی این افکتها به کار برده شده توضیح بدین بهتر میشه مثل خاصیت:
stroke-dasharray.
البته میدونم که بررسی بعضی کدها خیلی زمانبره ولی برای افکتهایی مثل همین مثال میشه یه کم وقت گذاشت تا کاربرا بهتر بتونن یاد بگیرن.
ممنون

محمد اسفندیاری

دوست عزیز این کدها صرفا جهت دادن ایده به شما هست…….اسم این بخش هم همینه……من این کدهارو قرار میدم که بفهمین چنین کدها و ویژگی هایی هم وجود داره…..هر کدوم از این کدها نیاز به چند آموزش داره که از حوصله جمع خارجه…..بعضی افراد هم که اصلا به کدها دقتی نمیکنن و صرفا اونارو کپی و Paste میکنن……پیشنهاد میکنم خودتون در گوگل سرچ کنین …..مطالب خوبی بدست میارین
موفق باشید

حسین حسنی

متوجه شدم
ممنون

علی

با سلام
اول از همه تشکر میکنم از طراح سایت ک خیلی زحمت کشیدن بابات مطالب
مخواستم بدونم اگه بشه یکم بیشتر توضیح بدید یا ی منبع معرفی کنید راجر border انیمیشنی ترجیحا فارسی

محمد اسفندیاری

متاسفانه منابع فارسی در این زمینه و زمینه های مشابه خیلی ضعیف عمل کردن و شما باید حتما از منابع خارجی و انگلیسی استفاده کنید
موفق باشید

نیاز به لاگین

برای ارسال دیدگاه و یا پرسیدن سوال خود در این قسمت، باید در سایت لاگین شوید.