css background color transparent only on some width

Asked Jun 29 '18 at 08:10

Active Jun 29 '18 at 08:10

Viewed 46 times

I have a div which has a background color

.custom {
    position: absolute;
    left: -50000px;
    z-index: 30;
    white-space: nowrap;
    padding: 6px;
    border: 1px solid gray;
    background-color: rgba(153,153,153,.95);
    color: white;
}

but this is in all of the div width and height. Is there any way to make it transparent for the first 24px and then the color start without making any other div. What i mean is this.

The first 24px of height and full width of the div should be transparent. Then the rest of the height and width should have the background color.

asked Jun 29 '18 at 08:10

Konstantinos Natsios

2,874
9
39
74

try css gradient – charan kumar Jun 29 '18 at 08:14
@TemaniAfif any code sample? – Konstantinos Natsios Jun 29 '18 at 08:20
@KwnstantinosNatsios check the duplicate question ;) and all the related links you will get many examples – Temani Afif Jun 29 '18 at 08:20

css background color transparent only on some width

0 Answers0