زیباسازی نمایش تصاویر

[TIRNA]

سلام.

کد css نمایش تصاویر مانند سایت

لینک ها تنها برای اعضای سایت قابل نمایش است.

چیه؟ وقتی روی تصویر با موس نگه می دارید تصویر برجسته تر و کج تر می شه. اگه می تونید این کدو برام بزارید. برای وردپرس می خوام.

پیشاپیش ممنون.

 

[kasraa]

سلام

این کار با css3 انجام میشه با خاصیت transition یا همون حرکت و نمیدونم انیمیشن

این کد رو به css قالبت اظافه کن یا هر قسمتی که میخوای کلاساشو تغییر بده :

img{
	border:1px solid #9eb4ca;
	-moz-border-radius:4px;
	border-radius:4px;
	-webkit-transition:all 1s;
	-moz-transition:all 1s;
	transition:all 1s;
	padding:3px
}

img:hover{
	border:1px solid #F90;
	-moz-transform:scale(1.2) rotate(-5deg);
	-webkit-transform:scale(1.2) rotate(-5deg);
	-o-transform:scale(1.2) rotate(-5deg);
	-ms-transform:scale(1.2) rotate(-5deg);
	transform:scale(1.2) rotate(-5deg)
}

موفق باشی

 

[Mohammad]

با دستور hover یعنی وقتی موس رفت روی عکس تصویر رو بزرگ میکنه و کمی میچرخونه

دقیقا این کد:

img.photo:hover{
    border:1px solid #F90;
    -moz-transform:scale(1.2) rotate(-5deg);
    -webkit-transform:scale(1.2) rotate(-5deg);
    -o-transform:scale(1.2) rotate(-5deg);
    -ms-transform:scale(1.2) rotate(-5deg);
    transform:scale(1.2) rotate(-5deg)
}

 

[Mohammad]

کسرا جان مواظب باش بعد من پست ندی هیچ وقت :52: :109:

 

[kasraa]

کسرا جان مواظب باش بعد من پست ندی هیچ وقت :52: :109:

آخِ آدمِ .......... بیام بزنم بترکونمت )

فعلا که این فک کنم بارِ بیستمه من پست میدم نمیدونم چرا بعد از من میای همون جواب منو میدی =))

البته میدونم همزمان میشه