1、css中引入外部字体文件： @font-face 被列为了 CSS3 的一项新特性，其实它并不是什么新鲜技术，它最早出现在 CSS2 的规范定义中，但是在 CSS2.1 中又被删除，现在被正式列入 CSS3。目前主流的浏览器（IE 4+/Firefox 3.5+/Chrome 1+/Safari ...
分类：
Web程序 时间：
2018-05-24 20:46:19
阅读次数：
823
好吧，请无视标题。 这是一个CSS3的魔方 1.HTML 2.CSS .box, .face组织了魔方。 .right, .left, .top, .bottom, .before, .back 定义了了6个面，分别放到3D座标上。 动画部分，定义了0%,20%,40%,60%,80%,100%的动 ...
分类：
其他好文 时间：
2018-05-24 01:13:09
阅读次数：
212
方法有两种： 一：采用css的zoom属性 zoom缩放会将元素保持在左上角，并且会有毛边，可能会稍稍改变元素原来的形状。 二：采用css3的transform:scale属性 zoom缩放会将元素保持在中间，不会改变元素原来的形状，但是可能会有稍稍的模糊。 整体来说zoom属性与transform ...
分类：
微信 时间：
2018-05-23 02:28:23
阅读次数：
415
1、Bootstrap的介绍和响应式 Bootstrap，来自 Twitter，是目前最受欢迎的前端框架。Bootstrap 是基于 HTML、CSS、javascript 的，它简洁灵活，使得 Web 开发更加快捷。 它用于开发响应式（自适应）布局、移动设备优先的 WEB 项目。 CSS3 的 @ ...
分类：
其他好文 时间：
2018-05-21 22:55:28
阅读次数：
233
position: sticky; 这东西来自css3,并且瞬间就完成了置顶的效果. 复制粘贴滚动滑轮即可见到效果……（至于兼容问题，暂且就不考虑了。反正俺也不会！呵呵吧。。。） 由于没什么写的，就顺便将position定位的属性都 static： --即默认不应用 relative（相对定位）： ...
分类：
Web程序 时间：
2018-05-21 16:07:54
阅读次数：
374
侧边栏滑动是很常见的功能，但是小程序出来不久，很多特效还没有成熟案例，只能原生重写，所以今天为大家带来4个漂亮的侧边栏特效~~ 侧边栏特效一 先看效果： wxml： 搭建上下两层界面 写一段css3的右移动画样式 .c-state1 wxss 点击按钮，添加样式.c-state1 再点击，移除样式. ...
分类：
微信 时间：
2018-05-19 14:47:33
阅读次数：
400
很早之前，计数器仅存在于ul，ol等元素中，如何想给其他元素增加计数，就只能通过list-style-image，或者background-image来实现。不过现在css3增加了counter属性，可以实现任何元素的计数作用。不过这个counter属性还需要配合其他css属性一起才能有效果。 首先 ...
分类：
Web程序 时间：
2018-05-17 22:27:24
阅读次数：
340
对于transform属性的多值的顺序问题，我自己就被困扰过。后来知道了跟顺序有关，但是不知道为什么。我想应该很多人跟我以前一样，知其然不知其所以然。如果不知道的，也许这篇文章会对大家有所帮助。 先来看一个例子。 html代码: css代码： 红框一transform属性只有一个值rotate(45 ...
分类：
Web程序 时间：
2018-05-17 20:40:15
阅读次数：
8202
图形包括基本的矩形、圆形、椭圆、三角形、多边形，也包括稍微复杂一点的爱心、钻石、阴阳八卦等。当然有一些需要用到CSS3的属性，所以在你打开这篇文章的时候，我希望你用的是firefox或者chrome，当然IE也能看一部分的。那好，下面就一起来看看我们是如何用纯CSS来画这些图形的，如果你也觉得很震撼 ...
分类：
Web程序 时间：
2018-05-17 13:48:24
阅读次数：
177
1、transform是什么？ 变形，改变 2、transform 常用属性 rotate() / skew() / scale() / translate(,) ，分别还有x、y之分，比如：rotatex() 和 rotatey() ，以此类推 3、分别的意义： rotate()：旋转 旋转左10 ...
分类：
Web程序 时间：
2018-05-12 20:35:47
阅读次数：
232
