File Manager

X7ROOT File Manager

Current Path: /home/oakwood/public_html/wp-content/themes/rife-free/css/preloaders

home / oakwood / public_html / wp-content / themes / rife-free / css / preloaders /

ðŸ“ ..
ðŸ“„ arcs.css(1.37 KB)
ðŸ“„ atom.css(3.68 KB)
ðŸ“„ blurry.css(8.54 KB)
ðŸ“„ circle.css(1002 B)
ðŸ“„ circle_illusion.css(5.42 KB)
ðŸ“„ cloud_circle.css(1.66 KB)
ðŸ“„ dots.css(1.17 KB)
ðŸ“„ flash.css(1.41 KB)
ðŸ“„ hand.css(25.34 KB)
ðŸ“„ indicator.css(1.26 KB)
ðŸ“„ infinity.css(4.78 KB)
ðŸ“„ jet_pack_man.css(3.78 KB)
ðŸ“„ plus_minus.css(1.18 KB)
ðŸ“„ radar.css(1.07 KB)
ðŸ“„ square_of_squares.css(1.96 KB)
ðŸ“„ tetromino.css(4.04 KB)

Editing: tetromino.css

.tetromino .preloader-animation {
	top: -30px;
}
.tetromino .tetrominos {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-112px, -96px);
	-ms-transform: translate(-112px, -96px);
	transform: translate(-112px, -96px);
}

.tetromino .tetromino-box {
	width: 96px;
	height: 112px;
	position: absolute;
	transition: all ease .3s;
	background: url('data:image/svg+xml;utf-8,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 612 684"%3E%3Cpath fill="%23010101" d="M305.7 0L0 170.9v342.3L305.7 684 612 513.2V170.9L305.7 0z"/%3E%3Cpath fill="%23fff" d="M305.7 80.1l-233.6 131 233.6 131 234.2-131-234.2-131"/%3E%3C/svg%3E') no-repeat top center;
}

.tetromino .box1 {
	-webkit-animation: tetromino1 1.5s ease-out infinite;
	animation: tetromino1 1.5s ease-out infinite;
}

.tetromino .box2 {
	-webkit-animation: tetromino2 1.5s ease-out infinite;
	animation: tetromino2 1.5s ease-out infinite;
}

.tetromino .box3 {
	-webkit-animation: tetromino3 1.5s ease-out infinite;
	animation: tetromino3 1.5s ease-out infinite;
	z-index: 2;
}

.tetromino .box4 {
-webkit-animation: tetromino4 1.5s ease-out infinite;
	animation: tetromino4 1.5s ease-out infinite;
}

@-webkit-keyframes tetromino1 {
	0%, 40% {
		/* compose logo */
		/* 1 on 3 */
		/* L-shape */
		-webkit-transform: translate(0, 0);
		transform: translate(0, 0);
	}
	50% {
		/* pre-box */
		-webkit-transform: translate(48px, -27px);
		transform: translate(48px, -27px);
	}
	60%, 100% {
		/* box */
		/* compose logo */
		-webkit-transform: translate(96px, 0);
		transform: translate(96px, 0);
	}
}

@keyframes tetromino1 {
	0%, 40% {
		/* compose logo */
		/* 1 on 3 */
		/* L-shape */
		-webkit-transform: translate(0, 0);
		transform: translate(0, 0);
	}
	50% {
		/* pre-box */
		-webkit-transform: translate(48px, -27px);
		transform: translate(48px, -27px);
	}
	60%, 100% {
		/* box */
		/* compose logo */
		-webkit-transform: translate(96px, 0);
		transform: translate(96px, 0);
	}
}
@-webkit-keyframes tetromino2 {
	0%, 20% {
		/* compose logo */
		/* 1 on 3 */
		-webkit-transform: translate(96px, 0px);
		transform: translate(96px, 0px);
	}
	40%, 100% {
		/* L-shape */
		/* box */
		/* compose logo */
		-webkit-transform: translate(144px, 27px);
		transform: translate(144px, 27px);
	}
}
@keyframes tetromino2 {
	0%, 20% {
		/* compose logo */
		/* 1 on 3 */
		-webkit-transform: translate(96px, 0px);
		transform: translate(96px, 0px);
	}
	40%, 100% {
		/* L-shape */
		/* box */
		/* compose logo */
		-webkit-transform: translate(144px, 27px);
		transform: translate(144px, 27px);
	}
}
@-webkit-keyframes tetromino3 {
	0% {
		/* compose logo */
		-webkit-transform: translate(144px, 27px);
		transform: translate(144px, 27px);
	}
	20%, 60% {
		/* 1 on 3 */
		/* L-shape */
		/* box */
		-webkit-transform: translate(96px, 54px);
		transform: translate(96px, 54px);
	}
	90%, 100% {
		/* compose logo */
		-webkit-transform: translate(48px, 27px);
		transform: translate(48px, 27px);
	}
}
@keyframes tetromino3 {
	0% {
		/* compose logo */
		-webkit-transform: translate(144px, 27px);
		transform: translate(144px, 27px);
	}
	20%, 60% {
		/* 1 on 3 */
		/* L-shape */
		/* box */
		-webkit-transform: translate(96px, 54px);
		transform: translate(96px, 54px);
	}
	90%, 100% {
		/* compose logo */
		-webkit-transform: translate(48px, 27px);
		transform: translate(48px, 27px);
	}
}
@-webkit-keyframes tetromino4 {
	0%, 60% {
		/* compose logo */
		/* 1 on 3 */
		/* L-shape */
		/* box */
		-webkit-transform: translate(48px, 27px);
		transform: translate(48px, 27px);
	}
	90%, 100% {
		/* compose logo */
		-webkit-transform: translate(0, 0);
		transform: translate(0, 0);
	}
}
@keyframes tetromino4 {
	0%, 60% {
		/* compose logo */
		/* 1 on 3 */
		/* L-shape */
		/* box */
		-webkit-transform: translate(48px, 27px);
		transform: translate(48px, 27px);
	}
	90%, 100% {
		/* compose logo */
		-webkit-transform: translate(0, 0);
		transform: translate(0, 0);
	}
}

X7ROOT File Manager

Editing: tetromino.css

Upload File

Create Folder