View Full Version : ساخت section شیب دار
  
imdeveloper
یک شنبه 25 مرداد 1394, 21:16 عصر
سلام
من یه section ساختم که شیب داره بعدش میخوام بهش یک بکگراند بدم اما فقط وسطش قرار میگیره و قسمت شیب دارش قرار نمیگیره
توی jsfiddle ساختم میشه راهنمایی کنید : http://jsfiddle.net/oeo59jc3/
sinoser
یک شنبه 25 مرداد 1394, 21: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, 21:42 عصر
اینجوی خیلی بد میشه اون قسمتی که کوچیک شده عکس بد شده بدش دوره section هم پله پله شده
sinoser
یک شنبه 25 مرداد 1394, 21:51 عصر
اینجوی خیلی بد میشه اون قسمتی که کوچیک شده عکس بد شده بدش دوره section هم پله پله شده
خب یه جور دیگم میشه. این که section های بالا و پایین این section رو رنگ خالی بدی در این صورت این لایه رو می توی مستطیلی بزاری و اونا رو به همون روش خودت با border کج کنی و بیاریشون روی این لایه.
imdeveloper
یک شنبه 25 مرداد 1394, 21:56 عصر
خب یه جور دیگم میشه. این که section های بالا و پایین این section رو رنگ خالی بدی در این صورت این لایه رو می توی مستطیلی بزاری و اونا رو به همون روش خودت با border کج کنی و بیاریشون روی این لایه.
 دقیق متوجه نشدم
میشه تو jsfiddle درست کنیدش :متفکر:
sinoser
یک شنبه 25 مرداد 1394, 22:29 عصر
بیا اینم بخاطر تو. البته راه های دیگم هست حال توضیح ندارم :لبخند::چشمک:
http://jsfiddle.net/sinoser/ne5rpq10/
 
vBulletin® v4.2.5, Copyright ©2000-1404, Jelsoft Enterprises Ltd.