PDA

View Full Version : ساخت section شیب دار



imdeveloper
یک شنبه 25 مرداد 1394, 20:16 عصر
سلام
من یه section ساختم که شیب داره بعدش میخوام بهش یک بکگراند بدم اما فقط وسطش قرار میگیره و قسمت شیب دارش قرار نمیگیره
توی jsfiddle ساختم میشه راهنمایی کنید : http://jsfiddle.net/oeo59jc3/

sinoser
یک شنبه 25 مرداد 1394, 20:30 عصر
سلام
من یه section ساختم که شیب داره بعدش میخوام بهش یک بکگراند بدم اما فقط وسطش قرار میگیره و قسمت شیب دارش قرار نمیگیره
توی jsfiddle ساختم میشه راهنمایی کنید : http://jsfiddle.net/oeo59jc3/

به جای اون css اینو بذار مثاله .. دستت میاد کج و راستش کنی میشه همونی که می خوای

.slope {
color: #fafafa;
margin: 50px 0;
padding: 20px 0;
position: relative;
z-index: 5;
}
#portfolio {
background-color: #eb6868;
height: 200px;
background-image: url("http://0up.ir/do.php?imgf=bg_98cc8.png");

-webkit-transform: perspective(600px) rotateY( 40deg );
-moz-transform: perspective( 600px ) rotateY( 40deg );
-o-transform: perspective( 600px ) rotateY( 40deg );
transform: perspective( 600px ) rotateY( 40deg );
}

imdeveloper
یک شنبه 25 مرداد 1394, 20:42 عصر
اینجوی خیلی بد میشه اون قسمتی که کوچیک شده عکس بد شده بدش دوره section هم پله پله شده

sinoser
یک شنبه 25 مرداد 1394, 20:51 عصر
اینجوی خیلی بد میشه اون قسمتی که کوچیک شده عکس بد شده بدش دوره section هم پله پله شده

خب یه جور دیگم میشه. این که section های بالا و پایین این section رو رنگ خالی بدی در این صورت این لایه رو می توی مستطیلی بزاری و اونا رو به همون روش خودت با border کج کنی و بیاریشون روی این لایه.

imdeveloper
یک شنبه 25 مرداد 1394, 20:56 عصر
خب یه جور دیگم میشه. این که section های بالا و پایین این section رو رنگ خالی بدی در این صورت این لایه رو می توی مستطیلی بزاری و اونا رو به همون روش خودت با border کج کنی و بیاریشون روی این لایه.

دقیق متوجه نشدم
میشه تو jsfiddle درست کنیدش :متفکر:

sinoser
یک شنبه 25 مرداد 1394, 21:29 عصر
بیا اینم بخاطر تو. البته راه های دیگم هست حال توضیح ندارم :لبخند::چشمک:
http://jsfiddle.net/sinoser/ne5rpq10/