瀏覽代碼

Improved check animation.

Damian Konopka 7 年之前
父節點
當前提交
05a636f045
共有 1 個文件被更改,包括 6 次插入1 次删除
  1. 6 1
      packages/ckeditor5-image/theme/imageuploadicon.css

+ 6 - 1
packages/ckeditor5-image/theme/imageuploadicon.css

@@ -14,6 +14,7 @@
 .ck-image-upload-finish {
 	display: block;
 	position: absolute;
+	opacity: 0;
 	top: 10px;
 	right: 10px;
 	width: var(--ck-upload-icon-size);
@@ -21,15 +22,19 @@
 	border-radius: 50%;
 	background: var(--ck-color-upload-icon-background);
 	animation-name: ck-fade-in, ck-fade-out;
+	animation-fill-mode: forwards, forwards;
 	animation-duration: 500ms, 500ms;
 
 	/* Hide completed upload icon after 3 seconds. */
-	animation-delay: 0, 3000ms;
+	animation-delay: 0ms, 3000ms;
 
 	/* This is check icon element made from border-width mixed with animations. */
 	&::after {
 		content: '';
 		position: absolute;
+		opacity: 0;
+		width: 0;
+		height: 0;
 		top: 50%;
 
 		/* Because of border transformation we need to "hard code" left position. */