امروز میخوام براتون یکی دیگه از کد های Css3 رو معرفی کنم. شما با استفاده از این کد با بردن موس بر روی تصویر میتوانید سایز تصویر را تغییر دهید بدون اینکه در قالب بندی سایتتان تغییری ایجاد شود.این کد با تمامی مرورگرهای جدید وبا بعضی از مرورگرهای قدیمی سازگار است...
||| برای مشاهده آموزش و دریافت کد به ادامه مطلب بروید... |||
ابتدا کد زیر را برای وارد کردن تصویر مینویسیم:
حالا برای تصویرمون استایل مینویسیم:
برای تغییر اندازه عکس عدد داخل پرانتز ها را تغییر دهید. در واقع عدد داخل پرانتز ضریب اندازه عکس میشود. اگر عدد بالای صفر باشد تصویر بزرگتر، و اگر کوچکتر از صفر باشد کوچکتر میشود. برای کند کردن و نرم کردن حرکت باید به آن زمان دهیم که کد زیر را اضافه میکنیم:
حالا برای تصویرمون استایل مینویسیم:
برای تغییر اندازه عکس عدد داخل پرانتز ها را تغییر دهید. در واقع عدد داخل پرانتز ضریب اندازه عکس میشود. اگر عدد بالای صفر باشد تصویر بزرگتر، و اگر کوچکتر از صفر باشد کوچکتر میشود. برای کند کردن و نرم کردن حرکت باید به آن زمان دهیم که کد زیر را اضافه میکنیم: