分享自己收藏的css2021动画效果

liuxiaozhan126 发表于 2021-3-20 11:46

很简单上手就能用，大佬匆喷
.text:after {
content: attr(data-text);
-webkit-text-stroke: 1.5px #d4d7ff;
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -49%);
background: url(./img/source.gif);
background-clip: text;
-webkit-background-clip: text;
background-size: 43%;
}
</style>
</head>
<body>

<h1>css剪裁GIF背景图片动画特效 <span>010100</span></h1>
<div class= "wrapper">
<div class= "text" data-text= "2021">2021</div>//修改自己想要修改的动动
<div>

苦苦的小芳 发表于 2021-3-20 12:06

不错不错

W6983585035 发表于 2021-3-20 12:25

nice，谢谢分享

maltosio 发表于 2021-3-20 12:37

还有好看的没有

bnxf 发表于 2021-3-20 15:34

多谢分享源码

liuxiaozhan126 发表于 2021-3-21 11:46

maltosio 发表于 2021-3-20 12:37
还有好看的没有

自己可以更好背景

页: [1]

吾爱破解 - 52pojie.cn's Archiver

分享自己收藏的css2021动画效果