编辑 remove_background.scss

✏️ 编辑：remove_background.scss

路径：/home/forge/kingkrunch.com/wp/wp-content/plugins/enable-media-replace/scss/remove_background.scss

大小：2.89 KB · 修改：2026-06-30 00:35:15 · 权限：0644 · 可写

#remove-background-form
{
	 	form {
			display: flex;

}
		.image_chooser.wrapper {
				min-height: 0;
		}
		.image_placeholder.is_image
		{
				border:none;
				width:45%;
				height:auto;
				.textlayer, .image_size {
					 display: none;
				}
		}

.bad-button
		{
			 text-align: right;
			 margin-right: 25px;
			 a {
			 	visibility: hidden;
		 		}
		}

.overlay{
			visibility: hidden;
			display: flex;
			flex-direction: column;
			justify-content: center;
			align-items: center;
			width: 100%;
			height: 100%;
			background-color: rgba(0,0,0,0.2);
			position: absolute;
			top: 0;
		}
		.lds-spinner {
				color: official;
				display: inline-block;
				position: relative;
				width: 80px;
				height: 80px;
		}
		.lds-spinner div {
				transform-origin: 40px 40px;
				animation: lds-spinner 1.2s linear infinite;
		}
		.lds-spinner div:after {
				content: " ";
				display: block;
				position: absolute;
				top: 3px;
				left: 37px;
				width: 6px;
				height: 18px;
				border-radius: 20%;
				background: #fff;
		}
		.lds-spinner div:nth-child(1) {
				transform: rotate(0deg);
				animation-delay: -1.1s;
		}
		.lds-spinner div:nth-child(2) {
				transform: rotate(30deg);
				animation-delay: -1s;
		}
		.lds-spinner div:nth-child(3) {
				transform: rotate(60deg);
				animation-delay: -0.9s;
		}
		.lds-spinner div:nth-child(4) {
				transform: rotate(90deg);
				animation-delay: -0.8s;
		}
		.lds-spinner div:nth-child(5) {
				transform: rotate(120deg);
				animation-delay: -0.7s;
		}
		.lds-spinner div:nth-child(6) {
				transform: rotate(150deg);
				animation-delay: -0.6s;
		}
		.lds-spinner div:nth-child(7) {
				transform: rotate(180deg);
				animation-delay: -0.5s;
		}
		.lds-spinner div:nth-child(8) {
				transform: rotate(210deg);
				animation-delay: -0.4s;
		}
		.lds-spinner div:nth-child(9) {
				transform: rotate(240deg);
				animation-delay: -0.3s;
		}
		.lds-spinner div:nth-child(10) {
				transform: rotate(270deg);
				animation-delay: -0.2s;
		}
		.lds-spinner div:nth-child(11) {
				transform: rotate(300deg);
				animation-delay: -0.1s;
		}
		.lds-spinner div:nth-child(12) {
				transform: rotate(330deg);
				animation-delay: 0s;
		}
		@keyframes lds-spinner {
			0% {
				opacity: 1;
			}
			100% {
				opacity: 0;
			}
		}

* {
		box-sizing: border-box;
	}

.img-comp-container {
		position: relative;
		height: 200px; /*should be the same height as the images*/
	}

.img-comp-img {
		position: absolute;
		width: auto;
		height: auto;
		overflow:hidden;
	}

.img-comp-img img {
		display:block;
	}

.img-comp-slider {
		position: absolute;
		z-index:9;
		cursor: ew-resize;
		/*set the appearance of the slider:*/
		width: 20px;
		height: 20px;
		background-color: #2196F3;
		opacity: 0.7;
		border-radius: 50%;
	}

.preview-area{
		display:flex;
		justify-content: center;
		align-items: center;
		width: 100%;
		height: 100%;
	}
	.preview-area h1{
		color : red !important;
	}

}