سورس برنامه نویسی ، آموزش ، قالب وردپرس ، اسکریپت ، گرافیک ، آموزش کاربردی، دانلود رایگان ، قالب

تبليغات شما در داده باران
تبلیغات در داده باران

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

قرینه کردن تصاویر وب سایت با استفاده از CSSReviewed by داده باران on Nov 1Rating:

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

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

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

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

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

حتما بخوانید  دانلود قالب HTML صفحه فرود Mobila نسخه ۱٫۱
لينك كوتاه اين مطلب : http://www.dadebaran.ir/?p=985

رمز فايل : DADEBARAN.IR




تبلیغات در داده باران
ارسال دیدگاه

قبل از نوشتن دیدگاه به نکات زیر توجه کنید:
    » نظراتی که با تایپ فارسی نباشند تایید نخواهند شد
    » نظرات تبلیغاتی اسپم محسوب میشوند و IP شخص مسدود خواهد شد.

پاسخ دهید

نکته: نظر شما در انتظار بررسی است و پس از تایید مدیریت در سایت نمایش داده میشود..