动画可以暂停animation-play-state

最新推荐文章于 2023-02-27 10:35:17 发布

335046781

最新推荐文章于 2023-02-27 10:35:17 发布

阅读量433

点赞数 1

原文链接：http://www.cnblogs.com/binmengxue/p/10944636.html

版权

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<style>
			.play-state {
			  width: 100px;
			  height: 100px;
			  margin: 40px;
			  text-align: center;
			  line-height: 94px;
			  border: 3px solid #e1efde;
			  border-radius: 50%;
			  animation: play-state 3s linear infinite;
			  cursor: pointer;
			}
			.play-state:hover {
			  animation-play-state: paused;
			}
			
			@keyframes play-state {
			  0% {
			    margin-left: 0;
			  }
			  100% {
			    margin-left: 200px;
			  }
			}
					</style>
	</head>
	<body>
		<div class="play-state">暂停</div>
	</body>
</html>
<script>

</script>

转载于:https://www.cnblogs.com/binmengxue/p/10944636.html

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

335046781

关注关注

1
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
动画可以暂停animation-play-state

<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <style> .play-state { width: 100px; height: 100px; ma...
复制链接

扫一扫