transition(过渡动画)transition：过渡的属性名字（transition-property） 过渡的时长（transition-duration） 过渡的曲线（transition-timing-function） 延时（transtion-delay） transformtran ...
分类：
Web程序 时间：
2018-09-08 10:30:30
阅读次数：
184
CSS transform 属性（变形，改变）允许你修改CSS视觉格式模型的坐标空间。使用它，元素可以被 translate（转换），rotate（旋转），scale（缩放），skew（倾斜） 需要特别强调一点：transform 属性只对 块级元素生效（有些大牛博客说对内联元素和块级元素），亲测结 ...
分类：
Web程序 时间：
2018-09-04 17:07:33
阅读次数：
532
Bootstrap 4 通过 flex 类来控制页面的布局。 弹性盒子(flexbox) Bootstrap 3 与 Bootstrap 4 最大的区别就是 Bootstrap 4 使用弹性盒子来布局，而不是使用浮动来布局。 弹性盒子是 CSS3 的一种新的布局模式，更适合响应式的设计，如果你还不了... ...
分类：
其他好文 时间：
2018-09-04 13:41:01
阅读次数：
415
刚开始实习，从改页面代码开始做起，以前学的前端知识也就只记得一些基础了，实践的内容都忘了。最近修改一个页面，需要将三个li均匀分布在同一排，折腾了好一会，然后看见别人博客的用法学会处理，在这里记下来。 使用的是css3的一个flax属性，父级元素用display：flex；布局，子集元素用flex： ...
分类：
其他好文 时间：
2018-09-04 00:13:13
阅读次数：
177
IE8不支持css3的@media查询，解决方法是引入respond.js 相关链接：https://www.bootcdn.cn/respond.js/ <script src="https://cdn.bootcss.com/respond.js/1.4.2/respond.js"></scri ...
分类：
其他好文 时间：
2018-09-02 11:08:26
阅读次数：
564
什么是calc()? calc()是CSS3的一个新功能，能够动态地计算长度值，任何长度值都可以使用calc()来计算。你可以给一个div元素，使用百分比、em、px和rem单位值计算出其宽度或者高度，比如“width:calc(50% + 2em)”，这样一来你就不用考虑元素DIV的宽度值到底是多 ...
分类：
Web程序 时间：
2018-08-31 17:12:39
阅读次数：
183
css3的less与sass: 只用了多个less编辑成的css,用了一个html页面做出来的效果： less部分： less编辑成了css文件 ...
分类：
Web程序 时间：
2018-08-29 14:46:08
阅读次数：
180
1、如果对性能要求不高可以直接使用jquery的animate 注意：这会导致jQuery的bug，窗口失去焦点时停止触发。 2、可以使用第二种方案，直接替代jquery的animate，使用velocity.js直接替代animate 性能会更好，而且不会引发那个bug 3、可以直接使用css3的 ...
分类：
其他好文 时间：
2018-08-22 16:44:17
阅读次数：
194
今天利用CSS3来画一个自动滚动的骰子。 思路：骰子的六个面分别用六个ul标签，每个面的点数就是li标签，点数的排列采用伸缩布局，然后采用定位和transform属性将六个面翻转折叠成立方体。 1、HTML结构：用一个类名为box的大盒子将六个面（ul）包起来，方便给整个骰子定位和添加动画；每个ul ...
分类：
Web程序 时间：
2018-08-21 23:29:50
阅读次数：
883
由于近期的项目中出现了不规则的边框和图形， 所以重新温习一下CSS3的图形绘制。。。样式绘制的图形比图片的性能要好，体验更佳，关键一点是更加有趣！ 以下几个例子主要是运用了css3中border、bordr-radius、transform、伪元素等属性来完成的，我们先了解下它们的基本原理。 bor ...
分类：
Web程序 时间：
2018-08-18 19:42:53
阅读次数：
195
