css3属性中关于制作动画的三个属性：Transform,Transition,Animation。 1、transform：描述了元素的静态样式，本身不会呈现动画效果，可以对元素进行 旋转rotate、扭曲skew、缩放scale和移动translate以及矩阵变形matrix。 div{ tra ...
分类：
Web程序 时间：
2020-07-22 23:36:58
阅读次数：
115
“常说，要认识一个人①，大概了解一下背景，然后见面时打招呼讲什么语言规矩范礼②，她回应了，声音很好听，你会继续选择③用选择什么语气对待？而且又怎么漂亮，相信自己不会拒绝④的，来预先处理⑤好情绪，好让彼此能有一个新的开始⑥，给生活一个甜美的谜底吧⑦”--晚安，EmilyChen！ （一）CSS简介 C ...
分类：
Web程序 时间：
2020-07-22 20:27:08
阅读次数：
122
公共文件定义css变量,ie不兼容 /* 使用css变量 */ :root{ --bg-color:#fff; --border:1px solid #f6f4f1; } 内页其他css文件就可以这样套用： .demo{background-color: var(--bg-color); borde ...
分类：
Web程序 时间：
2020-07-22 15:51:45
阅读次数：
68
今日完成任务 网页布局 1. bootStrap栅格系统 响应式web布局是让用户通过不同尺寸的浏览器都可以获得良好视觉的一种方法。是目前比较流行的一种布局方法。 通过CSS3 Media Queries（媒体查询），媒体查询是让页面内容在不同的媒体环境下运行时可以展示不同的样式。@media是CS ...
分类：
Web程序 时间：
2020-07-22 15:47:05
阅读次数：
119
通过 html，css，javascript原生实现打砖块小游戏，介绍了实现方法以及核心原理。 ...
分类：
其他好文 时间：
2020-07-22 11:14:23
阅读次数：
126
el-table(:data="tableData", :stripe="true", border) el-table-column(prop="id", label="活动ID", width="85") el-table-column(prop="activityName", label="活 ...
分类：
其他好文 时间：
2020-07-21 23:09:44
阅读次数：
101
1、CSS Filter 使用CSS过滤器属性可能是最简单的方法把图像变成灰度。以往,IE浏览器有一个专有的CSS属性称为过滤应用自定义效果包括灰度。 现在,过滤器属性是CSS3规范的一部分,并支持在一些浏览器,Firefox、Chrome和Safari。以前,我们也提到Webkit过滤器,它不仅将 ...
分类：
其他好文 时间：
2020-07-21 21:55:21
阅读次数：
131
实例 使用 calc() 函数计算 <div> 元素的宽度: #div1 { position: absolute; left: 50px; width: calc(100% - 100px); border: 1px solid black; background-color: yellow; p ...
分类：
其他好文 时间：
2020-07-21 21:49:57
阅读次数：
68
css控制div的各种形状 CSS3的一个非常酷的特性是允许我们创建各种规则和不规则形状的图形，从而可以减少图片的使用。 以前只能在Photoshop等图像编辑软件中制作的复杂图形现在使用CSS3就可以完成了。 通过使用新的CSS属性，像transform和border-radius，我们可以创建非 ...
分类：
Web程序 时间：
2020-07-21 14:10:39
阅读次数：
121
html5+css3响应式垂直时间轴，使用了html5标签<section>，时间轴中所有的内容包括标题、简介、时间和图像都放在.cd-timeline-block的div中，多个div形成一个序列，并把这些div放在<section>中。 PC端: 移动端: html代码： <!DOCTYPE h ...
分类：
Web程序 时间：
2020-07-19 18:11:56
阅读次数：
166
