So that was like on the screen enter image description here ????????

  • Does not work .... - Yaroslav

1 answer 1

Like that

.card { border: 1px solid lightblue; display: inline-block; } .overflow { width: 200px; overflow: hidden; margin-left: 100px; background: linear-gradient(to right, #fff 20%, lightblue 20%) } 
 <div class="card"> <div class="overflow"> <img src="https://clipart-db.ru/file_content/rastr/retro_car_008.png" alt="" width="300px"> </div> </div>

Here is the image that used: car

  • Already decided through the clip-path, but thanks anyway - Yaroslav