什么是浏览器私有属性前缀 CSS3的浏览器私有属性前缀是一个浏览器生产商经常使用的一种方式。它暗示该CSS属性或规则尚未成为W3C标准的一部分。 以下是几种常用前缀 -webkit- -moz- -ms- -o- -khtml-（现在基本都没有用了，被-webkit-取代） 举例来说，一个CSS3圆 ...
分类：
其他好文 时间：
2017-06-16 18:25:25
阅读次数：
183
CSS3的常用方法总结，这些函数都是CSS3很常用的，如果要掌握也是很容易的。 ...
分类：
Web程序 时间：
2017-06-15 21:41:24
阅读次数：
232
第一种： 但，这种方法有一个很明显的不足，就是需要提前知道元素的尺寸。否则margin负值的调整无法精确。此时，往往要借助JS获得。 第二种： CSS3的兴起，使得有了更好的解决方法，就是使用transform代替margin. transform中translate偏移的百分比值是相对于自身大小的 ...
分类：
其他好文 时间：
2017-06-14 16:25:32
阅读次数：
167
一、前言兼目录索引 《天龙八部》里的虚竹小和尚之前可以说是和尚的先进人物与代表模范，各类清规戒律谨记与严守。但是，后来呢，花姑娘送到跟前，什么戒律都成了浮云，禁不住诱惑享乐去了。啊，我现在似乎有类似的感觉，本来不打算深究CSS3的一些属性的，但是其效果以及实际应用价值之诱惑实在巨大，还是抵挡不住，折 ...
分类：
Web程序 时间：
2017-06-14 13:08:44
阅读次数：
234
背景：最近项目里面因为统一页面风格，用到了自定义滚动条，在完成之前的那个滚动条的时候，与网上各个滚动条插件实现的方法类似，相当于造了轮子，通过css3的 网上看到的滚动条插件多数是通过监听内容的滚动事件，由于原生js的滚动事件存在一些bug，所以实际上用jQuery的mousewheel.js插件的 ...
分类：
Web程序 时间：
2017-06-14 00:01:17
阅读次数：
218
(0)写在前面 讲述知乎上看到的一篇文章中的一个案例，让我脑洞大开，佩服至极，特意第二天找到原文赞赏了 5元，原文地址https://zhuanlan.zhihu.com/p/27258076，案例用了很多css3的属性。(1)效果演示 (2)知识点及效果 上述为简易代码 display: flex ...
分类：
Web程序 时间：
2017-06-13 22:46:21
阅读次数：
362
CSS3的笔记总结 css3 就是css2 的一个升级版本。css2 是用来做效果渲染的，而css3 可以使做出来的效果更佳丰富。 C3有兼容性问题，移动端支持稍微要好些. 坚持以下原则： （1）渐进增强 （2）添加私有前缀 （3）考虑用户群体 【 选择器 】css3 在之前的基础上面扩展了三种类型 ...
分类：
Web程序 时间：
2017-06-12 11:49:13
阅读次数：
223
Css3 出来之后，能够说是替代了Flash，通过使用Html5和Css3的完美结合。就能够做出不论什么你想得到的特效，这里不再阐述。。。 近期在做一个喝水签到的功能。在想签到成功之后，签到框能够模拟被水充满的效果。如图 这是一个简单的颜色过渡，几行代码就完毕了我想要的效果， #waterDiv { ...
分类：
Web程序 时间：
2017-06-12 10:44:35
阅读次数：
427
通过CSS3的动画效果完成的一个简单的图片墙效果 效果图： 目标： 1. 用10张图片作为照片。2. 照片以不同的位置和旋转角度随意摆放。3. 鼠标移动到某一张照片上时，此照片由倾斜缓慢旋转成端正，并且放大显示在最上层。 用到的知识点： 1. box-shadow：给元素的边框添加阴影的效果 前两个 ...
分类：
Web程序 时间：
2017-06-11 12:59:11
阅读次数：
225
HTML5的语义化标签以及属性，可以让开发者非常方便地实现清晰的web页面布局，加上CSS3的效果渲染，快速建立丰富灵活的web页面显得非常简单。 HTML5的新标签元素有： <header>定义页面或区段的头部； <footer>定义页面或区段的尾部； <nav>定义页面或区段的导航区域； <se ...
分类：
Web程序 时间：
2017-06-11 00:21:31
阅读次数：
200
