芝麻web文件管理V1.00

编辑当前文件:/home/royashxg/bit-alphas-ltd.com/user/assets/front/sass/_layout/_animation.scss

.particle,
.particle2,
.particle3,
.particle4 {
	@include border-radius(50%);
	content: " ";
	position: fixed;
	background: transparent;
	z-index: 1;
	box-shadow: 571px 173px #00bcd4, 1732px 143px #00bcd4,
		1745px 454px var(--base-clr), 234px 784px #00bcd4, 1793px 1123px #ff9800,
		1076px 504px #03a9f4, 633px 601px var(--base-clr), 350px 630px #ffeb3b,
		1164px 782px #00bcd4, 76px 690px #3f51b5, 1825px 701px #cddc39,
		1646px 578px #ffeb3b, 544px 293px #2196f3, 445px 1061px #673ab7,
		928px 47px #00bcd4, 168px 1410px #8bc34a, 777px 782px #9c27b0,
		1235px 1941px #9c27b0, 104px 1690px #8bc34a, 1167px 1338px #e91e63,
		345px 1652px #009688, 1682px 1196px var(--base-clr), 1995px 494px #8bc34a,
		428px 798px var(--base-clr), 340px 1623px var(--base-clr),
		605px 349px #9c27b0, 1339px 1344px #673ab7, 1102px 1745px #3f51b5,
		1592px 1676px #2196f3, 419px 1024px #ff9800, 630px 1033px #4caf50,
		1995px 1644px #00bcd4, 1092px 712px #9c27b0, 1355px 606px var(--base-clr),
		622px 1881px #cddc39, 1481px 621px #9e9e9e, 19px 1348px #8bc34a,
		864px 1780px #e91e63, 442px 1136px #2196f3, 67px 712px var(--base-clr),
		89px 1406px var(--base-clr), 275px 321px #009688, 592px 630px #e91e63,
		1012px 1690px #9c27b0, 1749px 23px #673ab7, 94px 1542px #ffeb3b,
		1201px 1657px #3f51b5, 1505px 692px #2196f3, 1799px 601px #03a9f4,
		656px 811px #00bcd4, 701px 597px #00bcd4, 1202px 46px var(--base-clr),
		890px 569px var(--base-clr), 1613px 813px #2196f3, 223px 252px #ff9800,
		983px 1093px var(--base-clr), 726px 1029px #ffc107, 1764px 778px #cddc39,
		622px 1643px var(--base-clr), 174px 1559px #673ab7, 212px 517px #00bcd4,
		340px 505px #fff, 1700px 39px #fff, 1768px 516px var(--base-clr),
		849px 391px #ff9800, 228px 1824px #fff, 1119px 1680px #ffc107,
		812px 1480px #3f51b5, 1438px 1585px #cddc39, 137px 1397px #fff,
		1080px 456px #673ab7, 1208px 1437px #03a9f4, 857px 281px var(--base-clr),
		1254px 1306px #cddc39, 987px 990px #4caf50, 1655px 911px #00bcd4,
		1102px 1216px var(--base-clr), 1807px 1044px #fff, 660px 435px #03a9f4,
		299px 678px #4caf50, 1193px 115px #ff9800, 918px 290px #cddc39,
		1447px 1422px #ffeb3b, 91px 1273px #9c27b0, 108px 223px #ffeb3b,
		146px 754px #00bcd4, 461px 1446px var(--base-clr), 1004px 391px #673ab7,
		1529px 516px var(--base-clr), 1206px 845px #cddc39, 347px 583px #009688,
		1102px 1332px var(--base-clr), 709px 1756px #00bcd4, 1972px 248px #fff,
		1669px 1344px var(--base-clr), 1132px 406px var(--base-clr),
		320px 1076px #cddc39, 126px 943px #ffeb3b, 263px 604px var(--base-clr),
		1546px 692px var(--base-clr);
}
.particle {
	width: 4px;
	height: 4px;
	animation: particleAnime 60s linear infinite;
}
.particle2 {
	width: 3px;
	height: 3px;
	animation: particleAnime2 5s linear infinite;
}
.particle3 {
	width: 2px;
	height: 2px;
	animation: particleAnime 17s linear infinite;
}
.particle4 {
	width: 1px;
	height: 1px;
	animation: particleAnime2 30s linear infinite;
}
@keyframes particleAnime {
	0% {
		transform: translateX(-80px) translateY(80px);
	}
	50% {
		transform: translateX(-80px) translateY(0);
	}
	100% {
		transform: translateX(0) translateY(-80px);
	}
}
@keyframes particleAnime2 {
	0% {
		transform: translateX(2vw) translateY(-40px);
	}
	50% {
		transform: translateX(2vw) translateY(-40px);
	}
	100% {
		transform: translateX(2vw) translateY(-40px);
	}
}