常用CSS片段（持续更新）

叽叽咕咕呱呱

已于 2022-06-21 18:52:32 修改

阅读量126

点赞数

分类专栏：常用css片段文章标签： css css3 前端

于 2022-06-21 18:12:20 首次发布

本文链接：https://blog.csdn.net/twoyearTrainee/article/details/125396155

版权

常用css片段专栏收录该内容

1 篇文章 0 订阅

订阅专栏

/* 文本超出隐藏*/
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;

/* 定位居中*/
position: absolute; 
left: 50%; 
top: 50%;
transform: translate(-50%, -50%);  

/* 给文章标题前面添加圆点*/
.time::before {
display: inline-block;
width: 4px;
height: 4px;
background: #f56c6c;
border-radius: 50%;
margin: -4px 8px 0 0;
content: "";
vertical-align: middle;
}

/* 鼠标移入元素上移动画*/
	cursor: pointer;
	transition: all 0.3s ease-in-out;
	:hover{
		 transform: translateY(-10px);
	}