- Code: Select all
.modal {
position: fixed;
left: 0;
top: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.5);
opacity: 0;
visibility: hidden;
transform: scale(1.1);
transition: visibility 0s linear 0.25s, opacity 0.25s linear 0s, transform 0.25s linear;
z-index: 99998;
}
.close-button:hover {
background-color: darkgray;
user-select: none;
}
If I use the CSS -> CSS Check, I get the following errors:
.modal ".25s, opacity 0.25s linear 0s, transform 0.25s linear" is not a valid value for "transition"
.close-button:hover "darkgray" is not a valid value for "background-color"
.close-button:hover CSS Actual does not support property "user-select"
Yet both ARE valid according to W3C https://jigsaw.w3.org/css-validator/