html5制作超酷可验证登录界面.ppt_第1页
html5制作超酷可验证登录界面.ppt_第2页
html5制作超酷可验证登录界面.ppt_第3页
html5制作超酷可验证登录界面.ppt_第4页
html5制作超酷可验证登录界面.ppt_第5页
已阅读5页,还剩4页未读 继续免费阅读

下载本文档

版权说明:本文档由用户提供并上传,收益归属内容提供方,若内容存在侵权,请进行举报或认领

文档简介

html5制作超酷可验证登录界面,网页制作微博:,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.)说明:坐标定义渐变起始点和结束点坐标,可以是数值、百分比和关键字形状定义径向渐变的形状ellipsecover(椭圆)颜色步长定义渐变色和步长用的时候第一个参数设置颜色,第二个参数设置颜色的位置,百分比或者数值,CSS3知识点二,CSS3知识点二CSS3动画解决在许多网页中取代动画图片、Flash动画以及JavaScript动画功能在创建动画前需要使用animation申明动画名称、动画的时长等条件然后使用keyframes创建动画animationanimation-name规定keyframes动画的名称animation-duration规定动画完成一个周期所花费的秒或毫秒。默认是0animation-timing-function规定动画的速度曲线。默认是easeease默认。执行速度慢-快-慢。ease-in以低速开始。ease-out以低速结束ease-in-out以低速开始和结束animation-iteration-count规定动画被播放的次数。默认是1infinite无限循环animation-direction规定动画是否在下一周期逆向地播放。默认是normal(正常)alternate动画应该轮流反向播放。,知识点三keyframeskeyframes规则用于创建动画。在keyframes中规定某项CSS样式,就能创建由当前样式逐渐改为新样式的动画效果格式:keyframes名称0%0%执行样式/*动画的开始*/25%0%执行样式50%0%执行样式100%0%执行样式/*动画的结束*/,CSS知识点,属性选择器可以根据元素的属性及属性值来选择元素。语法:AB例:inputtype=password.定义文本表单中类型为passsword的样式outline属性(轮廓)绘制于元素周围的一条线,位于边框边缘的外围,可起到突出元素的作用,伪元素,CSS:before选择器定义在被选元素的内容前面插入内容。请使用con

温馨提示

  • 1. 本站所有资源如无特殊说明,都需要本地电脑安装OFFICE2007和PDF阅读器。图纸软件为CAD,CAXA,PROE,UG,SolidWorks等.压缩文件请下载最新的WinRAR软件解压。
  • 2. 本站的文档不包含任何第三方提供的附件图纸等,如果需要附件,请联系上传者。文件的所有权益归上传用户所有。
  • 3. 本站RAR压缩包中若带图纸,网页内容里面会有图纸预览,若没有图纸预览就没有图纸。
  • 4. 未经权益所有人同意不得将文件中的内容挪作商业或盈利用途。
  • 5. 人人文库网仅提供信息存储空间,仅对用户上传内容的表现方式做保护处理,对用户上传分享的文档内容本身不做任何修改或编辑,并不能对任何下载内容负责。
  • 6. 下载文件中如有侵权或不适当内容,请与我们联系,我们立即纠正。
  • 7. 本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。

评论

0/150

提交评论