分享自己收藏的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年css背景图效果.zip (31.84 KB, 下载次数: 38)

苦苦的小芳 · 发表于 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
还有好看的没有

自己可以更好背景

帐号		自动登录	找回密码
密码			注册[Register]

[其他转载] 分享自己收藏的css2021动画效果