css实现文字悬浮断裂裂开效果代码

代码语言:html

所属分类:悬停

代码描述:css实现文字悬浮断裂裂开效果代码

代码标签: css 文字 悬浮 断裂 裂开

下面为部分代码预览,完整代码请点击下载或在bfwstudio webide中打开

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
<style>
    html, body {
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	background: linear-gradient(brown, sandybrown);
}

.text {
	font-size: 5em;
	font-family: "arial black";
	position: relative;
	color: transparent;
}

.text::before,
.text::after {
	content: attr(data-text);
	position: absolute;
	top: 0;
	left: 0;
	color: lightyellow;
	transition: 0.2s;
}

.text::before {
/* 	background-color: dar.........完整代码请登录后点击上方下载按钮下载查看

网友评论0