سلام
امروز توی بعضی سایت ها دیدم وقتی روی بنر های بالا میری بزرگ میشه بنر
رفتم توی سی اس اس قالب دیدم همچین کدی داره
transform:scale(1);که میشه باهاش این بنر رو بزرگ کرد
خوب زیاد حرف زدم
برای استفاده از این میتونید به این صورت عمل کنید
اگر میخواین تمامی تصاویر وبلاگتون این خاصیت رو داشته باشه
به نظرم بهتره اول این کد رو در head قالبتون قرار بدین بعدش این افکت رو بهش بدین تا بیش از ندازه بزرگ نشه
img{transform:scale(0.9);}این کد رو بذارید دارید میگید که تمامی تصاویر به 9 دهم سایت اصلی در بیان
بعدش برای اینکه بگید وقتی موس میره روش بزرگ بشه باید این کد رو قرار بدید
img:hover{-moz-transition:all 0.5s ease;-o-transition:all 0.5s ease;-khtml-transition:all 0.5s ease;-webkit-transition:all 0.5s ease;transition:all 0.5s ease;transform:scale(1);}این یعنی اینکه وقتی موس میره روی تصویر تصویر رو به سایت اصلیش بر گردون یا همون ده دهم
خط اول کد یعنی این
-moz-transition:all 0.5s ease;-o-transition:all 0.5s ease;-khtml-transition:all 0.5s ease;-webkit-transition:all 0.5s ease;transition:all 0.5s ease;داره میگه که این عملیات در 0.5 ثانیه به انجام برسد و کد خط دوم
transform:scale(1);همونطور که گفتم میگه به سایز اصلی برش گردون
نکته : اگر این کد رو توی قالبتون بذارید تمامی تصاویر اینگونه میشوند از جمله : بنر ها،کپچا و..
و اگر میخواین فقط مثلا تصویری که توی پست هست اینجوری بشه باید کلاس
div
که توش پست قرار داره رو پیدا کنید و به قبل از
imd{اضافه کنید
امیدوارم از این پست راضی باشید
با تشکر مصطفی
