/ در آموزش طراحی وب, آموزش ها, اشتراک رایگان / توسط
آخرین زمان ویرایش:

قرینه کردن تصاویر وب سایت با استفاده از CSS

 در ادامه مطلب همراه ما باشید

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

برای این منظور کافیست تکه کد css زیر را برا روی تصویر ممورد نظر خود اعمال نمائید:

img {
-moz-transform: scaleX(-1);
-o-transform: scaleX(-1);
-webkit-transform: scaleX(-1);
transform: scaleX(-1);
filter: FlipH;
-ms-filter: “FlipH”;
}

به عنوان نمونه نتیجه اعمال دستور فوق بر روی لوگوی داده بارن بصورت زیر است:

نوشته های مشابه

دانلود نرم افزار فرهنگ لغت تخصصی شیمی مبنا

دانلود نرم افزار در ادامه مطلب (بیشتر…)

کد جاوا اسکریپت برای مخفی و ظاهر کردن عناصر سایت

در ادامه مطلب همراه ما باشید (بیشتر…)

 ممبر تضمینی تلگرام کانال تلگرام داده باران شارژ آنلاین

نظری بدهید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *

3 × 2 =