20210401web前端

盒子阴影

.box1{
	box-shadow:7px 4px 10px #000;
}

渐变色

.rainbow-linear-gradient{
	width:460px;
	height:160px;
	background-image:-webkit-linear-gradient(left,#E50743 0%,#F9870F 15%,#E8ED30 30%,#3FA62E 45%,#3BB4D7 60%,#2F4D9E 75%,#71378A 80%);
}

鼠标悬停圆角

.border{
	width:40px;
	height:40px;
	border:70px solid #ff6e9b;
	transition: 1s;
}
.border:hover{
	width:40px;
	height:40px;
	border:70px solid #ff6e9b;
	border-radius:90px;
}

插图标签

<figcaption>一只鸡</figcaption>