master

分支 (1)

管理

管理

master

web
/
LEMON.html

<!DOCTYPE html>
<html>
	<head>
		<meta charset="{CHARSET}">
		<title></title>
	</head>
	<body>
		<center>
			<h1>LEMON</h1>
<svg class="lemon"
	width=30%
	aria-hidden="true" focusable="false" data-prefix="fas" data-icon="lemon" class="svg-inline--fa fa-lemon fa-w-16" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="currentColor" d="M489.038 22.963C465.944-.13 434.648-5.93 413.947 6.129c-58.906 34.312-181.25-53.077-321.073 86.746S40.441 355.041 6.129 413.945c-12.059 20.702-6.26 51.999 16.833 75.093 23.095 23.095 54.392 28.891 75.095 16.832 58.901-34.31 181.246 53.079 321.068-86.743S471.56 156.96 505.871 98.056c12.059-20.702 6.261-51.999-16.833-75.093zM243.881 95.522c-58.189 14.547-133.808 90.155-148.358 148.358-1.817 7.27-8.342 12.124-15.511 12.124-1.284 0-2.59-.156-3.893-.481-8.572-2.144-13.784-10.83-11.642-19.403C81.901 166.427 166.316 81.93 236.119 64.478c8.575-2.143 17.261 3.069 19.403 11.642s-3.069 17.259-11.641 19.402z"></path></svg>

	<style type="text/css">
		.lemon{
			color:lawngreen
		}
	svg {
    width: 100px;
    height: 100px;
    -webkit-transition: width 1s, height 1s, -webkit-transform 1s;
    transition: width 1s, height 1s, transform 1s;
}
    svg:hover {
    width: 200px;
    height: 200px;
    color: yellow;
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}


	</style>

		</center>
	</body>
</html>