react-flow-app/dist/components/placeholder/placeholder.styles.css

🚀 This is a React.js library to simplify navigations focused in events (user actions) for smooth integrations.

.placeholder-load-wraper {
	position: relative;
	height: 100%;
	width: 100%;
	background-color: rgb(211, 211, 211);
	z-index: 44;
	overflow: hidden;
	border-radius: 5px;
}
.placeholder-activity {
	position: absolute;
	left: -45%;
	height: 100%;
	width: 45%;
	background-image: linear-gradient(
		to left,
		rgba(251, 251, 251, 0.05),
		rgba(251, 251, 251, 0.3),
		rgba(251, 251, 251, 0.6),
		rgba(251, 251, 251, 0.3),
		rgba(251, 251, 251, 0.05)
	);
	background-image: -moz-linear-gradient(
		to left,
		rgba(251, 251, 251, 0.05),
		rgba(251, 251, 251, 0.3),
		rgba(251, 251, 251, 0.6),
		rgba(251, 251, 251, 0.3),
		rgba(251, 251, 251, 0.05)
	);
	background-image: -webkit-linear-gradient(
		to left,
		rgba(251, 251, 251, 0.05),
		rgba(251, 251, 251, 0.3),
		rgba(251, 251, 251, 0.6),
		rgba(251, 251, 251, 0.3),
		rgba(251, 251, 251, 0.05)
	);
	animation: placeholder-loading 1s infinite;
	z-index: 45;
}

@keyframes placeholder-loading {
	0% {
		left: -45%;
	}
	100% {
		left: 100%;
	}
}