wangxianfa

.img {
	width: 375px;
	height: 812px;
	background-color: #000;
}

wangxianfa

.mask-layer {
width: 200px;
height: 200px;
  mask-image: linear-gradient(to right, black, black);
  mask-repeat: no-repeat;
  overflow: hidden;
  position: relative;
}

.mask-layer::before {

wangxianfa

body {
	background: #000;
}

.content {
	width: 500px;
	height: 500px;
	mask-image: #fff;
	mask-size: 100px 100px;
	mask-position: 10px 20px;

wangxianfa

body {
	background: #000;
}

.turntable {
	width: 285px;
	height: 285px;
	background: url('https://aimg.kwcdn.com/upload_aimg/sc/b48ad7cd-d282-4bff-8378-4ba8741b9e9b.png.slim.png') 0 0 / 100% 100% no-repeat;
	transform-origin: center;
	animation: turn 1s linear infinite both;

wangxianfa

body {
	background: #000;
}

.turntable {
	width: 285px;
	height: 285px;
	background: url('https://aimg.kwcdn.com/upload_aimg/sc/b48ad7cd-d282-4bff-8378-4ba8741b9e9b.png.slim.png') 0 0 / 100% 100% no-repeat;
	transform-origin: center;
	animation: turn 1s linear infinite both;

wangxianfa

body {
	background: #000;
}

.turntable {
	width: 285px;
	height: 285px;
	background: url('https://aimg.kwcdn.com/upload_aimg/sc/8c422333-0e53-4183-a638-f789bf0bcf05.png.slim.png') 0 0 / 100% 100% no-repeat;
	transform-origin: center;
	animation: turn 1s linear infinite both;

wangxianfa

.item {
	font-size: 50px;
	font-weight: 800;
	color: red;
	animation: colorAni 2s linear 0s both;
}

@keyframes colorAni {
	0% {
		color: red;

wangxianfa

.content {
	width: 100px;
	height: 100px;
	background: red;
	display: inline-block;
  /*animation: ani 5s linear 0s backwards infinite;*/
  
  animation: preCompose_o_ani 10s steps(1) 0s 1 normal both;
}
  

wangxianfa

.container {
  position: relative;
  /*overflow: hidden;*/
  width: 124px;
  height: 124px;
  /*overflow: hidden;*/
  margin: 40px auto;
  border-radius: 50%;
}

wangxianfa

.wrap3 {
	width: 200px;
	height: 200px;
	background: red;
	mask-image: linear-gradient(#fff, transparent);
	mask-size: 180px 180px;
	mask-position: 10px 10px;
	border: 10px solid #fff;
	mask-repeat: no-repeat;
}