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



visibility  
mode_comment   ۰

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

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

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

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

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

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

موفق باشید.

یا علی

Source

متخصص وردپرس
قالب ها و پلاگین های حرفه ای وردپرس رو خودت بنویس! بازار طراحی قالب و پلاگین نویسی وردپرس به شدت داغه و اگر بلد باشید با برنامه نویسی اختصاصی، قالب ها و پلاگین های دلخواه بنویسید تو مارکت های مطرح دنیا و یا از طریق فریلنسری می تونید به درآمد بالا برید. دوره متخصص وردپرس سون لرن رو حتما ببینید: متخصص وردپرس arrow_back
more  بیشتر بخوانید : لودر زیبا - Pure CSS Loaders ( نمونه 2)
comment دیدگاه کاربران

نیاز به لاگین

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