如何在IE上制作文字动画?

时间:2018-04-01 10:31:45

标签: css internet-explorer

我想知道如何使这个简单的效果在IE上工作?随着Firefox和谷歌Chrome工作正常,但IE是灾难:(我知道这可能是最愚蠢的问题,但我无法弄清楚如何做到这一点

提前谢谢!



<!doctype html>
<html lang="en">
<head>
	<meta charset="utf-8">
	<title>Me</title>
	<style>
		body{
		margin: 0;
		padding: 0;
		font-family: arial;
	}
.text-container h1 {
		font-size: 8vw;
		color: rgba(225,225,225,.1);
		background-image: url(https://images.unsplash.com/photo-1496024840928-4c417adf211d?ixlib=rb-0.3.5&ixid=eyJhcHBfaWQiOjEyMDd9&s=94616ccf14e7ed3eb6fe9afeb953aec3&auto=format&fit=crop&w=500&q=60);
		background-repeat: repeat-x;
		-webkit-background-clip: text;
		animation: animate 25s linear infinite;
	}
@keyframes animate {
			from {
				background-position: 0 0;
			}
			to {
				background-position: 100% 0;
			}
		}
.text-container {
		margin-top: 17%;
		text-align: center;
	}
	</style>
</head>
<body>
	<div class="text-container">
		<h1>HowTo Make It With IE?</h1>
	</div>
</body>
</html>
&#13;
&#13;
&#13;

0 个答案:

没有答案