查看“直播记录/styles.css”的源代码

.base_block{
	border: 2px outset #9147ff;
	background-color: rgba(255, 255, 255, 0.1);
	box-shadow: 0 2px 5px #aaa;
	display: flex;
	justify-content: space-evenly;
	flex-wrap: wrap;
	padding: 15px;
}
.item{
	max-width: 360px;
	min-width: 200px;
	height: 124px;
	flex-grow: 1;
	padding: 0;
	display: flex;
	box-shadow: 0 2px 5px #aaa;
	transition: all 0.3s ease-in-out;
	overflow: hidden;
	position: relative;
	margin: 3px;
}
.item1{
	background-color: rgba(145, 71, 255, 0.8);
}
.item2{
	background-color: rgba(50, 255, 150, 0.8);
}
.item > a{
	position: relative;
    display: flex;
    width: 100%;
    height: 100%;
    justify-content: right;
    align-items: flex-end;
    font-size: 42px;
    color: #ffffff;
    transition: all 0.3s ease-in-out;
    padding-right:0;
    text-decoration: none;
}
.item:hover > a{
    padding-right:26px;
    text-decoration: none;
}
.item:hover{
	background-color: rgba(0, 0, 0, 0.6);
}
.item > .img{
    position: absolute;
	mask-image: linear-gradient(to right, rgba(0, 0, 0, 1), rgba(0, 0, 0, 0));
	transition: all 1.3s ease-in-out;
}
.item:hover > .img{
	mask-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
说明	输入内容	输出结果
斜体	''斜体文字''	斜体文字
粗体	'''粗体文字'''	粗体文字
粗斜体	'''''粗斜体文字'''''	*粗斜体文字*