写在前面 最近看到一个非常酷炫的menu插件,一直想把它鼓捣成vue形式,谁让我是vue的死灰粉呢,如果这都不算爱??。??开个小玩耍,我们一起来探索黑魔法吧。观看本教程的读者需要具备一定的vue和css3的知识. ...
分类:
其他好文 时间:
2017-11-14 14:32:50
阅读次数:
227
总的来说:这是CSS3.0的对于文章段P容器的定义方法语句!display:block这个样式,只定义了P容器为一个块;后面四句是CSS3中的样式定义方法;-webkit-margin-before: 1em;-webkit-margin-after: 1em;分别定义p的上边距和下边距的数值是1倍 ...
分类:
其他好文 时间:
2017-11-13 16:48:35
阅读次数:
164
1.当在 @keyframes 创建动画,把它绑定到一个选择器,否则动画不会有任何效果。 指定至少这两个CSS3的动画属性绑定向一个选择器: 规定动画的名称 规定动画的时长 div { animation: myfirst 5s; -webkit-animation: myfirst 5s; /* ...
分类:
Web程序 时间:
2017-11-12 18:39:30
阅读次数:
156
1.当在 @keyframes 创建动画,把它绑定到一个选择器,否则动画不会有任何效果。 指定至少这两个CSS3的动画属性绑定向一个选择器: 规定动画的名称 规定动画的时长 div { animation: myfirst 5s; -webkit-animation: myfirst 5s; /* ...
分类:
Web程序 时间:
2017-11-12 18:36:43
阅读次数:
211
前言Web前端开发所涉及的内容主要包括W3C标准中的结构、行为和表现,那么这三项中我们需要掌握的核心技能是什么呢?看小编来为你揭开谜底的。 1.开发语言 HTML发展历史有二十多年,历经多次版本更新,HTML5和CSS3的出现又是一次革新。有些人认为前端开发要掌握的技能简单,不就是制作网页嘛,其实不 ...
分类:
Web程序 时间:
2017-11-11 15:21:25
阅读次数:
154
总结:html5,最主要是是掌握 1. 语义标签,表单标签扩增 (结构上语义 如footer 和功能上 如mark) 2.音频 视频 3. HTML5 绘图, 4. web储存, 5. Html5 离线应用 CSS3 最主要的是掌握CSS3的2D 转换和 CSS3 的动画设计这 两点 +++++++ ...
分类:
Web程序 时间:
2017-11-10 21:51:54
阅读次数:
198
原文链接:http://caibaojian.com/selectivizr.html 之前的两篇文章中讲到了如何让IE支持css3媒体查询,这篇文章是主要讲的是如何在IE6~IE8中使用css3的选择器。· Selectivizr是一个JS文件,你只需要引入如JQuery、Mootools、Pro ...
分类:
Web程序 时间:
2017-11-09 14:17:06
阅读次数:
287
原始(未居中): Solution 1: 给absolute元素的left设为50%, margin-left设为absolute元素宽度一半的负数 Solution 2: 原理和1相似,设left:50%,但使用css3的transform:translate(x,y); Solution 3: ...
分类:
其他好文 时间:
2017-11-06 13:58:37
阅读次数:
129
今天在写css3效果的时候,发现在IE9下css3是无效的 解决:下载PIE(下载地址:http://css3pie.com/),引用:behavior:url(PIE.htc)注意路径应是同html文档同一目录下 小实例: 在IE9下的效果图: ...
分类:
Web程序 时间:
2017-11-03 17:37:19
阅读次数:
222
01. 概述 W3C标准中对css3的transition这是样描述的:“css的transition允许css的属性值在一定的时间区间内平滑地过渡。 这种效果可以在鼠标单击、获得焦点、被点击或对元素任何改变中触发,并圆滑地以动画效果改变CSS的属性值。” 简单的来说就是通过某一个事件改变了元素的c ...
分类:
Web程序 时间:
2017-11-02 00:55:47
阅读次数:
295