传统的圆角生成方案，必须使用多张图片作为背景图案。CSS3的出现，使得我们再也不必浪费时间去制作这些图片了，只需要border-radius属性，支持浏览器IE 9、Opera 10.5、Safari 5、Chrome 4和Firefox 4。 1 border-radius属性 CSS3圆角只需设 ...
分类：
Web程序 时间：
2019-11-21 10:09:07
阅读次数：
106
一、transform-origin 属性 设置旋转元素的基点位置，2D 转换元素能够改变元素 x 和 y 轴，3D 转换元素还能改变其 Z 轴。 必须与 transform 属性一同使用，不然不会有任何效果。 1、x-axis（以y轴为旋转中心时，元素（y轴）在x轴上的位置） 定义视图被置于 X ...
分类：
Web程序 时间：
2019-11-17 17:39:37
阅读次数：
92
css3的滤镜filter属性，可以对网页中的图片进行类似Photoshop图片处理的效果，例如背景的毛玻璃效果、老照片（黑白照片）、火焰效果等。一、blur(px)高斯模糊二、brightness(%)亮度三、contrast(%)对比度四、drop-shadow()阴影注意：这个drop-shadow与box-shadow都是在说阴影，但还是有区别的，看下图图中火焰的图片，是一张png图片，除
分类：
Web程序 时间：
2019-11-06 10:35:48
阅读次数：
123
一、兼容性如下图：兼容性还行，除了IE不支持，其他浏览器基本上都绿油油，目前自娱自乐，内网项目什么的都是可以用用的。二、all是干嘛用的all属性实际上是所有CSS属性的缩写，表示，所有的CSS属性都怎样怎样，但是，不包括unicode-bidi和direction这两个CSS属性。为什么会有这个CSS属性呢？我们可能知道，有些CSS属性值基本上所有CSS属性都有，比方说继承inherit!我们C
分类：
Web程序 时间：
2019-11-03 11:14:53
阅读次数：
97
Sass是成熟、稳定、强大的CSS预处理器，而SCSS是Sass3版本当中引入的新语法特性，完全兼容CSS3的同时继承了Sass强大的动态功能。 特性概览 CSS书写代码规模较大的Web应用时，容易造成选择器、层叠的复杂度过高，因此推荐通过SASS预处理器进行CSS的开发，SASS提供的变量、嵌套、 ...
分类：
Web程序 时间：
2019-10-24 23:13:46
阅读次数：
119
今天做了个pc的页面，看了别人的网站在手机端能把pc端的网页刚好缩放到手机端，看着很舒服。 于是想把自己的页面也这样搞一下，刚开始，想到的是利用css3的缩放来做，想的是当屏幕尺寸改变时缩放整个页面，这样顺便写了个代码，但是在手机端却没有效果，然后仔细一想，手机端屏幕是不会变化的，根本无法触发win ...
分类：
移动开发 时间：
2019-10-23 00:02:19
阅读次数：
161
一、心形 使用transform-origin属性实现设置不同的点为原点 1、改变元素基点transform-origin（transform-origin是变形原点，原点就是元素绕着旋转或变形的点） 注意：该属性只有在设置了transform属性的时候才起作用； 如果在不设置的情况下，元素的基点默 ...
分类：
Web程序 时间：
2019-10-12 20:34:24
阅读次数：
113
浏览器厂商通常都是在属性名称前添加厂商的私有前缀，来测试这些尚未成为标准的特性。 因此，可以借助私有前缀，来解决浏览器对CSS3的兼容性问题。 再比如，在使用背景颜色渐变的属性时，也要加前缀： ...
分类：
其他好文 时间：
2019-10-06 11:49:19
阅读次数：
71
一.理解transition属性 W3C标准中对CSS3的transition是这样描述的： CSS的transition允许CSS的属性值在一定的时间区间内平滑地过渡。这种效果可以在鼠标单击，获得焦点，被点击或对元素任何改变中触发，并圆滑地以动画效果改变CSS的属性值。简洁点说就是当元素从一种样式 ...
分类：
Web程序 时间：
2019-10-04 21:07:41
阅读次数：
126
利用CSS3中的transform属性画菱形和平行四边形 transform 实现2D或是3D的变形转换，通过transform可以实现对元素的四种变换：旋转、缩放、移动、倾斜 一、菱形 菱形的特点：菱形的四条边相等，可以理解为正方形的一种，所以分析可以通过正方形的旋转得到菱形 transform: ...
分类：
Web程序 时间：
2019-10-03 21:55:51
阅读次数：
560
