added transition forlight and dark mode
This commit is contained in:
parent
6c4653c962
commit
8bafed95d1
1 changed files with 3 additions and 1 deletions
|
@ -19,12 +19,14 @@ header {
|
||||||
background-color: #ffffff;
|
background-color: #ffffff;
|
||||||
box-shadow: 0 2px 5px rgba(0,0,0,0.1);
|
box-shadow: 0 2px 5px rgba(0,0,0,0.1);
|
||||||
z-index: 1000;
|
z-index: 1000;
|
||||||
|
transition: background-color 0.3s ease, box-shadow 0.3s ease;
|
||||||
}
|
}
|
||||||
|
|
||||||
.logo {
|
.logo {
|
||||||
font-size: 24px;
|
font-size: 24px;
|
||||||
font-weight: bold;
|
font-weight: bold;
|
||||||
color: #ff4500;
|
color: #ff4500;
|
||||||
|
transition: color 0.3s ease;
|
||||||
}
|
}
|
||||||
|
|
||||||
#fumbleButton {
|
#fumbleButton {
|
||||||
|
@ -36,7 +38,7 @@ header {
|
||||||
font-size: 16px;
|
font-size: 16px;
|
||||||
font-weight: bold;
|
font-weight: bold;
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
transition: transform 0.2s, background-color 0.2s;
|
transition: transform 0.2s ease, background-color 0.3s ease;
|
||||||
}
|
}
|
||||||
|
|
||||||
#fumbleButton:hover {
|
#fumbleButton:hover {
|
||||||
|
|
Loading…
Reference in a new issue