Himenon/yahoo.html

## yahoo.html
<!DOCTYPE html>
<html lang="ja">
<head>
	<meta charset="UTF-8">
	<title>TechNS</title>
	<script src="bower_components/jquery/dist/jquery.min.js"></script>
	<script>
		$(document).ready(function() {
			$(".test").on('click', function() {
				$(this).attr('id', 'testtest');
			});
		});
	</script>
	<style>
	#testtest {
		animation: testtesttest 1s infinite;
		color: red;
		background-color: black;
	}
	keyframes testtesttest {
		from {
			color: black;
		}
		to {
			color: red;
		}
	}
	</style>
</head>
<body>

	<div class="test">
		おしてね！
	</div>

</body>
</html>
	<!DOCTYPE html>
	<html lang="ja">
	<head>
	<meta charset="UTF-8">
	<title>TechNS</title>
	<script src="bower_components/jquery/dist/jquery.min.js"></script>
	<script>
	$(document).ready(function() {
	$(".test").on('click', function() {
	$(this).attr('id', 'testtest');
	});
	});
	</script>
	<style>
	#testtest {
	animation: testtesttest 1s infinite;
	color: red;
	background-color: black;
	}
	keyframes testtesttest {
	from {
	color: black;
	}
	to {
	color: red;
	}
	}
	</style>
	</head>
	<body>

	<div class="test">
	おしてね！
	</div>

	</body>
	</html>