HTML5+CSS3+JQuery小实例：简单又令人惊艳的hover效果登录界面

今天给大家带来一个小案例，HTML5+CSS3+JQuery实现简单又令人惊艳的hover效果登录界面。

先看效果：

源代码：

<div class="container"><h1>douyin</h1><form action=""><input class="tbx" type="text" placeholder="账号"><input class="tbx" type="password" placeholder="密码"><input class="sub" type="submit" value="登录"></form></div>

*{margin:0;padding: 0;
}
body{/* 设置窗口的高度微100% */height: 100vh;/* 弹性盒子模型 */display: flex;/* 下面两个属性让body里的子类居中 */justify-content: center;align-items: center;backgroun

HTML5+CSS3+JQuery小实例：简单又令人惊艳的hover效果登录界面相关推荐

HTML5+CSS3小实例：不偷看密码的超萌猫头鹰登录界面
实例:不偷看密码的超萌猫头鹰登录界面技术栈:HTML.CSS.jQuery jQuery下载地址:https://www.jb51.net/zt/jquerydown.htm 效果: 源码: < ...
HTML5+CSS3+JS小实例：仿制网易云音乐网站的轮播图
实例:仿制网易云音乐网站的轮播图技术栈:HTML+CSS+JS 字体图标库:font-awesome 效果: 源码: <!DOCTYPE html> <html><he ...
HTML5+CSS3+JS小实例：始终飞向鼠标的纸飞机
实例:始终飞向鼠标的纸飞机技术栈:HTML+CSS+JavaScript 效果: 源码: <!DOCTYPE html> <html><head><meta ...
HTML5+CSS3+JS小实例：旋转的圣诞树
实例:旋转的圣诞树技术栈:HTML+CSS+JS 效果: 源码: <!DOCTYPE html> <html><head><meta http-equiv ...
HTML5+CSS3+JS小实例：倒计时动画特效
实例:倒计时动画特效技术栈:HTML+CSS+JS 效果: 源码: [html] <!DOCTYPE html> <html><head><meta htt ...
html 5 桌面弹窗,HTML5+CSS3+jQuery实现弹出层
我们完全使用HTML5+CSS3+jQuery来实现一个基本的弹出层效果,因此我们可以在示例中任意修改弹出层外观样式.甚至js方法调用.我们最终做出来的弹出层效果应该是响应式的,也就是说可以在桌面PC ...
5个很常用的CSS3网页小实例
5个很常用的CSS3网页小实例第一种效果: 由于录制gif图片会掉帧,所以看起来不流畅,很卡,但其实实际效果还是不错的,有弹性一些. HTML <span class="shake& ...
【web前端特效源码】使用HTML5+CSS3制作一个会动的音频loading加载动画效果~~适合初学者~超简单~ |前端开发|IT编程
b站视频演示效果: [web前端特效源码]使用HTML5+CSS3制作一个会动的音频loading加载动画效果~~适合初学者~超简单~ |前端开发|IT软件效果图: 完整代码: <!DOCTY ...
【AI训练新手记：如何通过ChatGPT生成令人惊艳的文案！】
[我]:我是一名Youtuber,工作内容是写吸引人的youtube脚本,并拍摄上传,我的领域是技术型频道,请你告诉我10个chatgpt相关的吸引人的选题 [ChatGPT]:当然,下面是10个有关 ...

HTML5+CSS3+JQuery小实例：简单又令人惊艳的hover效果登录界面

HTML5+CSS3+JQuery小实例：简单又令人惊艳的hover效果登录界面相关推荐

最新文章

热门文章