Getting Chris’s Pop from Top notification to stay showing longer?

[alice]

To try to get the pop from top notification
(https://css-tricks.com/pop-from-top-notification/) to stay down longer, I changed Chris’s code

.cssanimations.csstransforms #note {
-webkit-transform: translateY(-50px);
-webkit-animation: slideDown 2.5s 1.0s 1 ease forwards;
-moz-transform: translateY(-50px);
-moz-animation: slideDown 2.5s 1.0s 1 ease forwards;
}

to

.cssanimations.csstransforms #note {
-webkit-transform: translateY(-50px);
-webkit-animation: slideDown 30s 1.0s 1 ease forwards;
-moz-transform: translateY(-50px);
-moz-animation: slideDown 30s 1.0s 1 ease forwards;

but this has caused it to seem like it is running out of batteries as it is ‘popping.’ I want it to display quickly but then stay showing.

What am I doing wrong?

[Senff]

Isn’t that 30s (or 30.0s) the variable that defines the time it takes for the notification to slide down?

(Can’t get it to work in a jsfiddle or else I would show it)

[Author]

Posts