How to make different in and out transition?

Question

Uninterruptable power source

How to make a different trance with CSS?
For example, I want text to appear at 250ms and disappear at 850ms.
How to do it? https://codepen.io/kodej/pen/dVLyvM

Answer 1

- UPS for wifi point (12v/1A) + camera 12v/1A = ~50w
- UPS for gateway 9v/1a + usb lte, + ACS 12v/3A (total) = ~50w
Just a battery with a power supply unit, similar to those that are in "signalization"
Any two-jar APC should suffice, for example APC1000 (I can't vouch for smaller ones).

- UPS for server Xeon E1650-HDD3.5"(2pcs) = ~200W
- UPS for server Ryzen 7 1600, 2 hdd, video card is the weakest + monitor 17"

In principle, the same APC, one for each.
But since you didn't specify the budget, the hell knows :)
Diesel generator to help :)

Answer 2

You forgot to write transition in :hover before opacity and transform.

Answer 3

Do animation not through transition, but through keyframes