03.动画登录表单

最新推荐文章于 2024-08-21 22:53:13 发布

@大迁世界

最新推荐文章于 2024-08-21 22:53:13 发布

阅读量201

点赞数

分类专栏： CSS特效案例文章标签： css css3 html

本文链接：https://blog.csdn.net/qq449245884/article/details/128457579

版权

CSS特效案例专栏收录该内容

40 篇文章 10 订阅 ¥9.90 ¥99.00

订阅专栏

超级会员免费看

该博客展示了如何使用CSS3创建一个具有动画效果的登录表单，包括样式设计和HTML结构。通过阅读，读者可以了解到如何利用CSS3的动画特性增强用户体验。

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

效果

在这里插入图片描述

源码

index.html

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Animated Login Form</title>
	<link rel="stylesheet" href="style.css">
</head>
<body>
	<div class="box">
		<form autocomplete="off">
			<h2>登 录</h2>
			<div class="inputBox">
				<input type="text" required="required">
				<span>用户名</span>
				<i></i>
			</div>
			<div class="inputBox">
				<input type="password" required="required">
				<span>密码</span>
				<i></i>
			</div>
			<div class="li

了解本专栏