کد افقی کردن عکس در سایت

کد افقی کردن عکس در سایت با توجه به درخواست یکی از کاربران در مورد کد افقی کردن عکس در سایت استایل افقی کردن عکس رو براتون قرار میدم که این استایل فقطو فقط در کدبازان – کدستان  انتشار داده شده و نمونه ای دیگری در سایتهای مشابه وجود ندارد.

این استایل به شما کمک میکند تا عکس خود را در هر حالی که دوست دارید فیکس کنید مثلا در ۴۵ درجه یا ۹۰, ۱۸۰ ,۳۶۰ و…

 

کد افقی کردن عکس در سایت

<style type=text/css>
img {
margin:70  0px 0;
}

img{
transform: rotate(270deg) ;
}
</style>


<img src="https://codebazan.ir/test1.jpg"/>

خب در کد فوق شما میتوانید transform: rotate(270deg) ; مقدار ۲۷۰ رو به هر عددی دلتون خواست تغییر بدین مثلا ۳۶۰ یا ۹۰ و …

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

<codebazan-pic style="transform: rotate(90deg);margin:60  0px 0; ;position: absolute"><img src="https://codebazan.ir/test1.jpg"/></codebazan.ir-pic>

 

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

همچنین سوالات مربوط به کد فوق  را تنها در بخش نظرات این پست مطرح نمایید.

دیدگاهتان را بنویسید

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