CSS to add slight animation

Hi,

Thanks for a nice plugin

Here is some css that I added to my theme that I thought I would share with you.

This works for when the bar is on the bottom. It adds a gradual slide in animation.

#scb-wrapper.scb-fixed {
position: fixed;
bottom: 0;
left: 0;
z-index: 2147483647;
width: 100%;
animation: slideInUp 2s;
-moz-animation: slideInUp 2s; /* Firefox */
-webkit-animation: slideInUp 2s; /* Safari and Chrome */
-o-animation: slideInUp 2s; /* Opera */
}

@-webkit-keyframes slideInUp {
0% {
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
visibility: visible;
}
100% {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes slideInUp {
0% {
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
visibility: visible;
}
100% {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.slideInUp {
-webkit-animation-name: slideInUp;
animation-name: slideInUp;
}

https://ww.wp.xz.cn/plugins/speed-contact-bar/