Ionic 4 --background transition

How to make transition of background-color of ion-toolbar?

ion-toolbar {
    --background: red;
}

ion-toolbar:hover {
    --background: green;
}

Help me please!!

Hey there,

i don’t think this is possible with --background as the ion-toolbar uses the Shadow Dom.
Try to set something like this:

ion-toolbar {
    --background: none;
    background: red;
    transition: background 2s;
}

ion-toolbar:hover {
    background: green;
}