[mk-73مشارکت کننده]

با عرض سلام خدمت دوست عزیز,من میخوام در صورت Hover شدن یک boxافکتی مانند لینکایجاد شود.یمخواستم ببینم میتونید کمکم کنید یا پلاگینی برای این کار وجود دارد من از پلاگین hovercap که برای این کار استفاده میشود روش استفاده از این پلاگین را نمیدونم چگونه است اگر میدونید روش استفاده از این پلاگین چگونه هست بهم بگید ممنون میشم.یا پلاگین دیگه هم برای این کار وجود دارد که روش استفاده ازش را بگید فرق نمیکند
با تشکر

[سعید شعبانیسرپرست کل]

درود بر شما, ببخشید دیر پاسخ می دهم

شما با css خیلی راحت می تونید چنین افکتی را ایجاد کنید. از چندین روش مختلف میشه برای ساخت این افکت استفاده کرد. مثلا می تونید یک div خالی ایجاد کنید و position اون را absolute قرار بدید سپس اندازه اون را با اندازه parent که همون باکسی هست که تصویر درونش قرار می گیره برابر کنید. سپس ارتفاع این لایه را صفر کنید و با قرار گرفتن ماوس روی جعبه ارتفاع اون را 100% کنید. برای ایجاد حالت انیمشن هم می تونید از transition استفاده نمایید. مثال زیر را ببینید.

See the Pen vObMyy by Saeed shabani (@saeedshabani) on CodePen.

[نویسنده]

نوشته ها