css小合集

最新推荐文章于 2024-09-10 18:37:52 发布

开火车的小仙女

最新推荐文章于 2024-09-10 18:37:52 发布

阅读量109

点赞数

分类专栏： css 文章标签： css

本文链接：https://blog.csdn.net/qq_42287868/article/details/87714355

版权

css 专栏收录该内容

1 篇文章 0 订阅

订阅专栏

opacity兼容ie8

.opacity{opacity:0;
	-webkit-opacity:0;
	-moz-opacity:0;
	filter:alpha(opacity=0);
	filter:"alpha(opacity=0)";}

居中大法

.parents{
	width:500px;
	height:500px;
	border:1px dashed #B0B0B0;
	position: relative;
	top: 20px;
	left: 20px;
	overflow: hidden;
}
.children{
	position:absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	-ms-transform:translate(-50%, -50%);
	-moz-transform:translate(-50%, -50%);
	-webkit-transform:translate(-50%, -50%);
}

小三角

div{
	position: relative;
}
div:before{
	position: absolute;
	content: '';
	width: 0;
	height: 0;
	border-top: 1rem solid transparent;
	border-left: 1rem solid rgba(252,187,191,.8);
	border-bottom: 10px solid transparent;
}
div:after{
	position: absolute;
	content: '';
	width: 0;
	height: 0;
	border-top: 1rem solid transparent;
	border-right: 1rem solid rgba(252,187,191,.6);
	border-bottom: 10px solid transparent;
}