محمد (مدیر)
سلام. در این مطلب یاد میگیریم که از چه کد هایی استفاده کنیم تا هنگام بردن ماوس بر روی یک تصویر، تصویر مورد نظر بزرگتر شده و در اطراف آن سایه تشکیل شود. در ادامه با دنیا آی‌تی همراه باشد...
برای نمونه ماوس را بر روی یک از تصاویر زیر ببرید:
برای این کار فقط کد زیر را در بخش css کد های قالب خود قرار دهید.
.post img:hover {
box-shadow: 0px 0px 150px #000000;
z-index: 2;
-webkit-transition: all 200ms ease-in;
-webkit-transform: scale(1.1);
-ms-transition: all 200ms ease-in;
-ms-transform: scale(1.1);
-moz-transition: all 200ms ease-in;
-moz-transform: scale(1.1);
transition: all 200ms ease-in;
transform: scale(1.1);
/* code by: DonyaIT.blog.iR */
}
◄ آیا این مطلب برای شما مفید بود؟
سلام و خسته نباشید عالی و مفید بود .
عاقبت بخیر بشین.