more animations

src/webpage/style.css

@@ -2457,11 +2457,37 @@ img.bigembedimg {
 	box-shadow: 0 0 8px var(--shadow);
 	z-index: 102;
 
+	animation-duration: 0.2s;
+	animation-name: context-fade-in;
+	animation-timing-function: ease-out;
+
 	hr {
 		width: 90%;
 		height: 1px;
 	}
 }
+.removeElm {
+	pointer-events: none;
+}
+.contextmenu.removeElm {
+	animation-name: context-fade-out;
+}
+@keyframes context-fade-out {
+	0% {
+		opacity: 1;
+	}
+	100% {
+		opacity: 0;
+	}
+}
+@keyframes context-fade-in {
+	0% {
+		opacity: 0;
+	}
+	100% {
+		opacity: 1;
+	}
+}
 .contextbutton {
 	position: relative;
 	width: 180px;
@@ -2664,6 +2690,17 @@ ul {
 		background: var(--card-bg);
 	}
 }
+.emojiPicker,
+.gifmenu,
+.stickerPicker {
+	animation-duration: 0.2s;
+	animation-name: fade-in-back;
+	animation-fill-mode: forwards;
+	animation-timing-function: ease-out;
+	&.removeElm {
+		animation-name: fade-in-back-out;
+	}
+}
 .stickerSelect {
 	width: 1in;
 	height: 1in;