| Server IP : 162.241.126.129 / Your IP : 3.142.212.225 Web Server : Apache System : Linux 162-241-126-129.cprapid.com 4.18.0-477.27.2.el8_8.x86_64 #1 SMP Fri Sep 29 08:21:01 EDT 2023 x86_64 User : rvway5nu4 ( 1018) PHP Version : 7.4.33 Disable Function : NONE MySQL : OFF | cURL : ON | WGET : ON | Perl : ON | Python : ON | Sudo : ON | Pkexec : ON Directory : /home/rvway5nu4/www/css/us/star-rating-master/ |
Upload File : |
.star-rating__stars {
position: relative;
height: 3rem;
width: 15rem;
background: url(off.svg);
background-size: 3rem 3rem;
}
.star-rating__label {
position: absolute;
height: 100%;
background-size: 3rem 3rem;
}
.star-rating__input {
margin: 0;
position: absolute;
height: 1px; width: 1px;
overflow: hidden;
clip: rect(1px, 1px, 1px, 1px);
}
.star-rating__stars .star-rating__label:nth-of-type(1) {
z-index: 5;
width: 20%;
}
.star-rating__stars .star-rating__label:nth-of-type(2) {
z-index: 4;
width: 40%;
}
.star-rating__stars .star-rating__label:nth-of-type(3) {
z-index: 3;
width: 60%;
}
.star-rating__stars .star-rating__label:nth-of-type(4) {
z-index: 2;
width: 80%;
}
.star-rating__stars .star-rating__label:nth-of-type(5) {
z-index: 1;
width: 100%;
}
.star-rating__input:checked + .star-rating__label,
.star-rating__input:focus + .star-rating__label,
.star-rating__label:hover {
background-image: url(on.svg);
}
.star-rating__label:hover ~ .star-rating__label {
background-image: url(off.svg);
}
.star-rating__input:focus ~ .star-rating__focus {
position: absolute;
top: -.25em;
right: -.25em;
bottom: -.25em;
left: -.25em;
outline: 0.25rem solid lightblue;
}