مشکلات css

[omidparkour 37]

سلام

میخواستم بدونم که توی فوتر www.selectmusic.ir چیکار کنم که اون جدیترین مطالب و ... پهناشون همه یکسان باشه (الان پهناشون به اندازه متنه و خیلی زشت شده)؟؟

یه چیز دیگه اینکه وقتی ماوس رو میبریم روی پست های عکس آروم میاد جلو ولی وقتی ماوس رو میبریم کنار یهو برمیگرده به حالت اول چی کنم وقتی ماوس رو هم برداشتم آهسته برگرده به حالت اول؟؟

[imanfakhar 26231]

اگر منظورتون بخش هایی که رنگی کردید

#footer1 a {display:block;}

برای مورد دوم هم خاصیت transition را به حالت عادی عنصر بدهید نه هاور

[omidparkour 37]

سلام

خیلی ممنون

من به حالت عادی دادم اما نمیدونم چرا اینجوریه

[imanfakhar 26231]

این کدتون رو عرض کردم

.post > img {
    position: absolute;
    z-index: 0;
	 -webkit-transition: all ease-out 0.5s;
   -moz-transition: all ease-out 0.5s;
   -ms-transition: all ease-out 0.5s;
   -o-transition: all ease-out 0.5s;
   transition: all ease-out 0.5s;
}
.post:hover img{

    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    -webkit-transition: all ease-out 0.5s;
   -moz-transition: all ease-out 0.5s;
   -ms-transition: all ease-out 0.5s;
   -o-transition: all ease-out 0.5s;
   transition: all ease-out 0.5s;
}

در ضمن تمام

all ease-out 0.5s

را به

all .5s ease-out 0.5ms

تبدیل کنید

[omidparkour 37]

چرا؟

من الان کد رو به شکل زیر تغییر دادم کلا نه اولش آروم میاد نه آخرش

.post > img {
    position: absolute;
    z-index: 0;
    -webkit-transition: all .5s ease-out 0.5ms;
   -moz-transition: all .5s ease-out 0.5ms;
   -ms-transition: all .5s ease-out 0.5ms;
   -o-transition: all .5s ease-out 0.5ms;
   transition: all .5s ease-out 0.5ms;
}
.post:hover img{

    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
}

[imanfakhar 26231]

کد صحیحش کدیه که عرض شد

ترتیب قانونی اینه

خاصیت سرعت افکت زمان توقف

الان کد شما اینجوریه

خاصیت افکت سرعت

یعنی جای سرعت خالیه و سرعت بجای زمان توقف نشسته

[omidparkour 37]

خب یعنی این کد باید درست کار کنه؟

.post > img {
	    position: absolute;
	    z-index: 0;
	    -webkit-transition: all .5s ease-out 0.5ms;
   -moz-transition: all .5s ease-out 0.5ms;
   -ms-transition: all .5s ease-out 0.5ms;
   -o-transition: all .5s ease-out 0.5ms;
   transition: all .5s ease-out 0.5ms;
}
.post:hover img{

	    -webkit-transform: scale(1.1);
	    -moz-transform: scale(1.1);
	    -ms-transform: scale(1.1);
	    -o-transform: scale(1.1);
}

[imanfakhar 26231]

.post > img {
			    position: absolute;
			    z-index: 0;
			   -webkit-transform: scale(1);
			    -moz-transform: scale(1);
			    -ms-transform: scale(1);
			    -o-transform: scale(1);
			    -webkit-transition: all .5s ease-out 0.5ms;
   -moz-transition: all .5s ease-out 0.5ms;
   -ms-transition: all .5s ease-out 0.5ms;
   -o-transition: all .5s ease-out 0.5ms;
   transition: all .5s ease-out 0.5ms;
}
.post:hover img{

			    -webkit-transform: scale(1.1);
			    -moz-transform: scale(1.1);
			    -ms-transform: scale(1.1);
			    -o-transform: scale(1.1);
}

[omidparkour 37]

خیلی عجیبه

نمیشه!!!!!!!!

[imanfakhar 26231]

در مورد css3 مطالعه کنید