- 博客(7)
- 收藏
- 关注
RSS订阅原创 HTML5：transition属性、transform属性实现过渡及变形效果
实现效果;1.当鼠标移到第一幅图片上面产生了边框过渡为圆角边框的效果，阴影效果。2.当鼠标移到第二幅图片上面产生了逐渐放大的过渡的效果，阴影效果。3.当鼠标移到第三幅图片上面产生了旋转的过渡的效果，阴影效果。4.当鼠标移到第四幅图片上面产生了透明度逐渐变暗的的过渡的效果，阴影效果。主要使用标记transform、box-shadow和filter实现效果。变圆旋转放大和阴影效果的图片没截图。直接看最终代码：<!DOCTYPE html PUBLIC "-//W3C//DTD XH
2020-09-12 20:25:49
2627
原创 实验一：传智播客设计学院简介
传智播客设计学院简介，并点击图片进入传智播客首页实现效果：源代码：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>传智播客设计学院简介</title> <style> .one{ width: 640px; height: 300px; display: inli
2020-09-12 20:01:39
2189
原创 HTML5：爱奇艺首页图片轮播效果
源代码：<!DOCTYPE html><html><head> <meta charset="utf-8"> <title>video元素</title><style type="text/css">ul{ list-style: none; margin: 0px; padding: 0px; cursor:pointer;}li{ margin-bo
2020-09-12 19:54:55
1581
原创 H5LOGO
源代码：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>HTML5的logo设计</title> <style> body{ margin:0; padding:0; } div{ posi
2020-09-12 19:49:00
422
原创 HTML正则表达式：表单验证
HTML的正则表达式：元字符：\d : 0-9之间的任意一个数字 \d只占一个位置\w : 数字，字母 ，下划线 0-9 a-z A-Z _\s : 空格或者空白等\D : 除了\d\W : 除了\w\S : 除了\s. : 除了\n之外的任意一个字符\ : 转义字符| : 或者() : 分组\n : 匹配换行符\b : 匹配边界 字符串的开头和结尾 空格的两边都是边界 => 不占用字符串位数^ : 限定开始位置 => 本身不占位置$ : 限定结束位置 =>
2020-09-12 19:43:16
1486
原创 用HTML5编写一个课程表界面
方法：用li列表常见表格。效果图如下源代码如下<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>我的课程表</title> <style> body{ margin:0% auto; padding:0; background:#fff; t
2020-09-12 19:27:58
2331
原创 初学HTML5
1 语义化标签：定义命令按钮定义可选数据列表，与input配合可实现下拉框定义元素的细节，可点击隐藏或打开查看，常与summary联合使用定义details的显示标题定义嵌入内容，例如插件对网页或section的标题进行组合定义一组媒体对象以及文字内容定义figure的标题定义日期或时间定义进度条定义导航头部定义文章定义文章侧边栏定义文档中的区段 区域尾部**2 ...
2020-03-04 16:00:25
201
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人