SM-Mahdavi

چرخش عکس در کادر (بدون اینکه از کادر بیرون بزند )

3 پست در این موضوع قرار دارد

سلام

به عنوان مثال این کد را دارم:


<div class"p"><img src="img1.jpg"></div>

می خوام عکس داخل دیو رو transform بدم بدون اینکه از دیو بیرون بزنه. یعنی داخل همون دیو بچرخه. چه استایلی باید به دیو اضافه کنم؟

2

به اشتراک گذاری این پست


لینک به پست

.p {
width:150px;
height:150px;
overflow:hidden;
}
.p:hover img {
-moz-transform: rotate(7.5deg); /* FF3.5+ */
-o-transform: rotate(7.5deg); /* Opera 10.5 */
-webkit-transform: rotate(7.5deg); /* Saf3.1+, Chrome */
-ms-transform: rotate(7.5deg); /* IE9 */
transform: rotate(7.5deg);
filter: progid:DXImageTransform.Microsoft.Matrix(sizingMethod='auto expand', /* IE6,IE7 */
M11=0.9914448613738104, M12=-0.13052619222005157,M21=0.13052619222005157, M22=0.9914448613738104);
-ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=0.9914448613738104, M12=-0.13052619222005157, M21=0.13052619222005157, M22=0.9914448613738104,sizingMethod='auto expand')";
}

7

به اشتراک گذاری این پست


لینک به پست

مرسی استاد

3

به اشتراک گذاری این پست


لینک به پست

برای ارسال نظر یک حساب کاربری ایجاد کنید یا وارد حساب خود شوید

برای اینکه بتوانید نظر ارسال کنید نیاز دارید که کاربر سایت شوید

ایجاد یک حساب کاربری

برای حساب کاربری جدید در انجمن ما ثبت نام کنید. عضویت خیلی ساده است !


ثبت نام یک حساب کاربری جدید

ورود به حساب کاربری

دارای حساب کاربری هستید؟ از اینجا وارد شوید


ورود به حساب کاربری

  • مطالب مشابه

    • توسط mihanpsd
      سلام میخوام وقتی موس به سمت محصولات حرکت داده میشه ، عکس hover محصول نمایش داده نشه و حرکت نکنه . همون عکس بصورت ثابت باقی بمونه .
      ممنون میشم راهنمایی کنید .
      http://mashinno.com 
       
    • توسط AmirHosseinGT
      سلام
      من برای بار اول دارم برای ی سایت کوچیک قالب مینویسم
      ی مشکل دارم
      توی سایت tarfandestan.com ک میرید سایت بکگراند بلور داره ک هرچقدر زوم بک یا زوم این کنیم بکگراند ثابت میمونه و فقط عناصر داخلش بزرگ کوچیک میشن
      من کدی ک خودم برا بکگراند نوشتم این بود


      .body{height:100%;background:url('nehran.png') fixed ;}

      ولی وقتی زوم بک و این میکنم سایز بکگراند هم تغییر میکنه و توی صفحه تکرار میشه
      ممنون میشم دوستانی ک جواب رو میدونن کمک کنن
    • توسط prodesign
      سلام و عرض ادب خدمت دوستان و استادان عزیز
      بنده تو یه سایت کد دیدم که وقتی رو عکس وایمیسته یه نفر با موس دو تا آیکن بزرگ میشن و وقتی کنار میره آیکن ها به جای اول منتقل میشن اما با افکت 2 ثانیه نه به صورت یک جا
      لطف میکنید راهنمایی کنید
      همانند تصویر
    • توسط سافت سرا
      سلام. تو CSS یه مقدار به نام Src وجود داره. این src کارش چیه؟
      من احساس می کنم برای نمایش تصویره. اما هیچ تصویری رو برای کلاس مربوطه نمایش نمیده.
      اگه امکانش هست یه مثال عینی بزنید. ممنون.
    • توسط نسـتـــرن
      سلام و ارزوی قبولی عزارداریهاتون.
      من باز هم به ی مشکل خوردم و اون هم این که طبق عکس زیر میخوام اون شش تا باکسی که زیر هم هستند و از کادر اومدن بیرون رو بیارمشون بغل هم.یعنی دو تا ستون سه تایی!!اما هر چی تلاش کردم نشد.
      (عکسو ببینین.الان اومدم اون تب سمت چپ و اون سرتب ها رو هیدن کردم که بتونم آنلاین ویرایش کنم)
      آدرس سایت مذکور