html,css,js实现星座,属相测算小程序

zkCodes

于 2019-06-12 19:42:23 发布

阅读量3.2k

点赞数 2

分类专栏：前端demo

本文链接：https://blog.csdn.net/zk_813/article/details/91603373

版权

本文介绍如何使用HTML、CSS和JavaScript技术来创建一个星座和属相的测算小程序。文中提及了刘同学提供的判断代码，并展示了页面的实际效果。

摘要由CSDN通过智能技术生成

声明:感谢刘同学的判断代码

图片文件路径自己设定

页面效果:

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<style>
			/*ease-in-out渐入渐出*/
			.box .img{
						animation:turn 30s ease-in-out infinite;
					    }
			/* 动画 */
			@keyframes turn{
						100%{ transform:rotate(7200deg);}
			     }
		</style>
	</head>
	<body>
		<div style="background:skyblue; width: 500px; height: 250px;">
			<div style="float: left; width: 250px;height: 290px; ">
				<p>出生年份:<input type="text" style="width: 90px;" id="year"></p>
				<p>出生月份:<select style="width: 90px;" id="mont