html5制作超酷可验证登录界面.pptVIP

html5制作超酷可验证登录界面,网页制作 微博：/577449831 QQ 287109161 需验证：黄星,HTML5知识点,required 必填 在提交表单是会提示是必填项 input 新属性 tyep=“email“ 在表单提交的时候，会自动验证此输入框中的内容是否为email格式，如果不是，则无法提交 placeholder 属性 提供可描述输入字段预期值的提示信息 required 属性 必填,向框添加阴影 box-shadow:水平阴影 垂直阴影 模糊距离 阴影的颜色; inset 内阴影 outset 外阴影 （默认） border-radius 圆角 rgba(红，绿，蓝，透明度) alpha(透明度)。 取值在0到1之间,CSS3知识点 一,radial-gradient 径向渐变 linear-gradient 线性渐变 radial-gradient(坐标 , 形状 , 颜色1 步长1 , 颜色2 步长2.) 说明： 坐标 定义渐变起始点和结束点坐标，可以是数值、百分比和关键字 形状 定义径向渐变的形状 ellipse cover（椭圆） 颜色步长 定义渐变色和步长 用的时候第一个参数设置颜色，第二个参数设置颜色的位置，百分比或者数值,CSS3知识点 二,CSS3 知识点 二 CSS3 动画 解决在许多网页中取代动画图片、Flash 动画以及 JavaScript 动画功能 在创建动画前需要使用animation申明动画名称、动画的时长等条件 然后使用keyframes创建动画 animation animation-name 规定 keyframes 动画的名称 animation-duration 规定动画完成一个周期所花费的秒或毫秒。默认是 0 animation-timing-function 规定动画的速度曲线。默认是 “ease“ ease 默认。执行速度 慢-快-慢。 ease-in 以低速开始。 ease-out 以低速结束 ease-in-out 以低速开始和结束 animation-iteration-count 规定动画被播放的次数。默认是 1 infinite 无限循环 animation-direction 规定动画是否在下一周期逆向地播放。默认是 “normal（正常）“ alternate 动画应该轮流反向播放。,知识点 三 keyframes keyframes 规则用于创建动画。在 keyframes 中规定某项 CSS 样式，就能创建由当前样式逐渐改为新样式的动画效果 格式： keyframes 名称 0% 0%执行样式 /* 动画的开始 */ 25% 0%执行样式 50% 0%执行样式 100% 0%执行样式 /* 动画的结束 */ ,CSS 知识点,属性选择器 可以根据元素的属性及属性值来选择元素。 语法： AB 例：inputtype=“password“ 定义文本表单中类型为passsword 的样式 outline属性 （轮廓） 绘制于元素周围的一条线，位于边框边缘的外围，可起到突出元素的作用,伪元素,CSS :before选择器 定义 在被选元素的内容前面插入内容。 请使用 co