campaign-edianeh-98

کدهای جذاب و دیدنی ( Corner Border Link ) : ایده زیبا برای Border گوشه ای



visibility  
mode_comment   ۰

در این قسمت میخوام یک کد ( Corner Border Link ) جالب رو در اختیارتون بذارم.

توضیحات مربوط به کد Corner Border Link

همونطور که دیدید تعدادی لینک قرار داده شده و در گوشه همه اونا Border وجود داره و زمانی که بر روی اونا هاور میکنید این Border ها بزرگ میشن و به همدیگر می رسند. برای مشاهده نحوه انجام این افکت ها و اینکه ببینید چطور این کار انجام شده است، میتونین بر روی دکمه How کلیک کنید و مجددا بر روی لینکها هاور کنید.

برای مشاهده نحوه پیاده سازی میتونین وارد بخش View Source بشید.

برای ساخت این افکت از CSS Animation و کلاسهای کاذب استفاده شده است.

بدلیل اینکه حجم کدها زیاد بود ، اونارو در انتهای همین مطلب قرار میدم که میتونین اونو دانلود کرده و استفاده کنید. امیدوارم لذت برده باشین.

موفق باشید.

یا علی

Source

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

add_circle ارسال دیدگاه

خوشحال میشیم دیدگاه و یا تجربیات خودتون رو با ما در میون بذارید :