Breaking News: Grepper is joining You.com. Read the official announcement!

css checker background

Alexa Schor answered on April 18, 2023 Popularity 3/10 Helpfulness 4/10

answer css checker background

css checker background

Comment

To make a checkered background to show transparent images (the classic white and grey)

.checkered{
    background: linear-gradient(45deg, rgba(0, 0, 0, 0.0980392) 25%, transparent 25%, transparent 75%, rgba(0, 0, 0, 0.0980392) 75%, rgba(0, 0, 0, 0.0980392) 0), linear-gradient(45deg, rgba(0, 0, 0, 0.0980392) 25%, transparent 25%, transparent 75%, rgba(0, 0, 0, 0.0980392) 75%, rgba(0, 0, 0, 0.0980392) 0), white;
    background-repeat: repeat, repeat;
    background-position: 0px 0, 5px 5px;
    transform-origin: 0 0 0;
    background-origin: padding-box, padding-box;
    background-clip: border-box, border-box;
    background-size: 10px 10px, 10px 10px;
    box-shadow: none;
    text-shadow: none;
    transform: scaleX(1) scaleY(1) scaleZ(1);
}

Popularity 3/10 Helpfulness 4/10 Language css

Source: stackoverflow.com

Tags: background css

Link to this answer
Share Copy Link