rayelliott
/
css-orbital
1
0
Fork 1
Code Issues Pull Requests Projects Releases Wiki Activity

background color change on orbital hover

This commit is contained in:
Ray Elliott 2022-04-19 17:06:22 +01:00
parent 666d7ff5cf
commit ee509c1f23
1 changed files with 14 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

14
style.css
View File

@ -150,6 +150,8 @@ ul, li {
top: 0; top: 0;
left: 0; left: 0;
border-radius: 50%; border-radius: 50%;
transition: background-color 0.5s;
} }
} }
@ -157,18 +159,30 @@ ul, li {
&::before { &::before {
background-color: rgba(255, 200, 200); background-color: rgba(255, 200, 200);
} }
&:hover::before {
background-color: rgba(255, 150, 150);
}
} }
.bg--green { .bg--green {
&::before { &::before {
background-color: rgba(200, 255, 200); background-color: rgba(200, 255, 200);
} }
&:hover::before {
background-color: rgba(150, 255, 150);
}
} }
.bg--blue { .bg--blue {
&::before { &::before {
background-color: rgba(200, 200, 255); background-color: rgba(200, 200, 255);
} }
&:hover::before {
background-color: rgba(150, 150, 255);
}
} }
.feature { .feature {