Bölmenin çapraz olarak kesilen bölümüne gölge eklemeye çalışıyorum. Lütfen aşağıdaki kodlara bakınız. Ne yazık ki, bunu yapamam ve sadece tüm div etrafında bir kutu gölge elde edebilirsiniz. Diyagonal bölümü nasıl hedefleyebilirim? Sol taraftaki div Hulk Hogan'la buluştuğunda, buraya bir gölge eklemek istiyorum. Umarım bu mantıklı gelir.doğrusal degrade köşegen gölge
.left-box {
float: left;
height: 361px;
width: 68%;
color: white;
z-index: 1;
}
.right-box {
right: 0;
height: 361px;
width: 55%;
color: white;
position: absolute;
background: url("http://img.bleacherreport.net/img/images/photos/002/796/309/8288d50f6769ccb555f2b9010a4f6544_crop_north.jpg?w=543&h=361&q=75");
background-repeat: no-repeat;
}
.gradient{
position: relative;
}
.gradient.right {
background: linear-gradient(to top left, transparent 50%, yellow 50%) no-repeat, linear-gradient(to top left, transparent 0.1%, yellow 0.1%) no-repeat;
background-size: 41% 122%, 60% 100%;
background-position: 100% 0%, 0% 0%;
box-shadow: red 0 0 50px;
}
.gradient h3{
position: absolute;
font-size: 40px;
left: 5px;
top: 5%;
width: 50%;
}
.gradient p {
position: absolute;
left: 5px;
top: 25%;
width: 50%;
font-size: 18px;
}
<div class="gradient right left-box">
</div>
<div class="right-box box">
</div>
Vay canına! Bu mükemmel görünüyor, teşekkürler dostum! sen bir hayat kurtarıcısın. – user6114874
bunu öldürdün-- cheers @xufox – user6114874