ما را در شبکه‌های اجتماعی دنبال کنید و از تخفیفات ویژه ما با خبر شوید

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

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

طراحی بخش معرفی اعضای تیم یکی از مهمترین مواردی است که در هر سایتی، چه خدماتی و چه سرگرمی باید گنجانده شود. سایتی که دارای بخش معرفی تیم باشد می‌تواند با معرفی متخصصین خود و جلب اعتماد مشتریان خود، فروش خود را چندین برابر کند.

در این بخش از آموزش‌های طراحی سایت سئوتازه، آقای پنق تصمیم به آموزش بخش مهمی از سایت‌های خدماتی، یعنی طراحی بخش معرفی اعضای تیم رو گرفتند. بسیاری از سایت‌ها این بخش را با استفاده از افزونه‌های مختلف اقدام به طراحی می‌کنند؛ ولی در این آموزش ما در مدت زمان بسیار کم با استفاده از افزونه المنتور پرو که آن را به صورت رایگان می‌توانید از پایین این صفحه دانلود کنید، این بخش را طراحی کرده‌ایم.

کد های css استفاده شده در این آموزش

/*Glass Effect CSS*/
selector {
    --height: 150px;
    --bottom: -150px;
    overflow: hidden !important;
}
selector .member-info{
    height: var(--height);
    position: absolute;
    backdrop-filter: blur(15px);
    bottom: 0;
    transition: .5s ease-in-out;
}
/*Hover Hide/Show CSS*/
selector .member-info{
    bottom: var(--bottom);
}
selector:hover .member-info{
    bottom: 0px;
}

دانلود رایگان افزونه المنتور پرو

این مطالب نیز پیشنهاد می‌شود

0 0 رای ها
رأی دهی به مقاله
اشتراک در
اطلاع از
guest
0 نظرات
بازخورد (Feedback) های اینلاین
مشاهده همه دیدگاه ها

قابل توجه کاربران و مشتریان عزیز

به علت حجم بالای سفارشات طی چندین هفته گذشته، برخی از سفارشات با تاخیر یکماهه به مشتریان تحویل داده شده است که از ایشان عذرخواهی کرده‌ایم. به همین دلیل خواهشمند است سفارش جدیدی ثبت نفرمایید؛ در صورت ثبت سئوتازه تضمینی به انجام به موقع سفارش شما نمی‌دهد. (حداقل 1 ماه و حداکثر 70 روز طول خواهد کشید)