سلام دوستان در این آموزش امروز قرار با همدیگه یک هاور جذاب برای وب سایت نمونه کار با صفحه ساز المنتور طراحی کنیم. برای استفاده از این آموزش شما به المنتور پرو احتیاج دارید. کد های CSS را برای شما قرار دادیم تا نیازی به کد نویسی نداشته باشید. ابعاد استفاده شده در این آموزش می تواند بسته به نیاز شما تغییر کنند.ابعادی که در آموزش استفاده شده است صرفا جهت نمایش بهتر این باکس انتخاب شده ، شما می توانید استایل های استفاده شده در آموزش را نسبت به طرح خود شخصی سازی نمایید .
هاور جذاب برای وب سایت نمونه کار :
با استفاده از این طرح شما می توانید به وب سایت خود جذابیت منحصر به فردی اضافه کنید . ما در این آموزش از المنتور پرو استفاده کرده ایم و کد های CSS خود را در بخش CSS سفارشی قرار دادیم شما هم برای سهولت کار بهتر است شما نیز از نسخه المنتور پرو استفاده نمایید .
المنتور پرو:
این صفحه ساز یکی از محبوب ترین صفحه سازی های وردپرس می باشد. شما می توانید به راحتی افزونه المنتور پرو از مارکت های ایرانی خریداری نمایید.
همچنین برای دریافت تازه ترین آموزش های ما در شبکه های مجازی می توانید ما را در صفحه اینستاگرام دنبال کنید . همچنین از طریق صفحه تماس با ما با مشاورین ما در امر طراحی وب سایت برای کسب و کار خود به صورت رایگان مشاوره بگیرید.
کد های CSS :
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 |
selector .elementor-widget-image{ transition: ease-in-out 0.6s; } selector:hover .elementor-widget-image{ transform: scale(.65); } selector:hover .one-img{ transform-origin: center left; } selector:hover .second-img{ transform-origin: center top; } selector:hover .Three-img{ transform-origin: bottom right; } |