sidebar: add a logo hover animation
This commit is contained in:
parent
2a9de5ea10
commit
b401a7b78f
1 changed files with 10 additions and 1 deletions
|
@ -19,7 +19,7 @@
|
||||||
transition: color 0.3s ease-in-out;
|
transition: color 0.3s ease-in-out;
|
||||||
|
|
||||||
&:hover {
|
&:hover {
|
||||||
color: #1f52ac;
|
animation: pulse 0.3s ease-in-out 0s infinite alternate;
|
||||||
}
|
}
|
||||||
|
|
||||||
img {
|
img {
|
||||||
|
@ -28,6 +28,15 @@
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@keyframes pulse {
|
||||||
|
0% {
|
||||||
|
color: #2a477a;
|
||||||
|
}
|
||||||
|
100% {
|
||||||
|
color: #1f52ac;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
.rows {
|
.rows {
|
||||||
@media (max-width: 768px) {
|
@media (max-width: 768px) {
|
||||||
display: flex;
|
display: flex;
|
||||||
|
|
Loading…
Reference in a new issue