之前也研究过css3的这个属性,感觉没什么大用,一般的开发不会用到,毕竟调出来的渐变不专业,不如找一个好看的图片,其实很多时候还是有用的,偷来三个例子。 一、控制虚线 一般写虚线都用dashed,但有时候出来的效果并不是我们想要的,比如控制虚线间的间距,感觉力不从心啊。用linear-gradien ...
分类:
其他好文 时间:
2017-11-01 18:56:17
阅读次数:
181
CSS3所提供的动画功能主要包括变形、转换和动画技术。变形是最基本的动画形式,它主要通过CSS控制元素样式属性值的变化来实现。利用transform功能来实现文字或图像的旋转、缩放、倾斜和移动这4种类型的变形处理。 transform实现了一些可用SVG实现的变形功能,transform属性的基本语 ...
分类:
其他好文 时间:
2017-10-29 11:17:49
阅读次数:
118
前言Web前端开发所涉及的内容主要包括W3C标准中的结构、行为和表现,那么这三项中我们需要掌握的核心技能是什么呢?看小编来为你揭开谜底的。 1.开发语言 HTML发展历史有二十多年,历经多次版本更新,HTML5和CSS3的出现又是一次革新。有些人认为前端开发要掌握的技能简单,不就是制作网页嘛,其实不 ...
分类:
Web程序 时间:
2017-10-29 11:17:28
阅读次数:
145
什么是calc()? 学习calc()之前,我们有必要先知道calc()是什么?只有知道了他是个什么东东?在实际运用中更好的使用他。 calc()从字面我们可以把他理解为一个函数function。其实calc是英文单词calculate(计算)的缩写,是css3的一个新增的功能,用来指定元素的长度。 ...
分类:
其他好文 时间:
2017-10-26 13:27:55
阅读次数:
260
随着互联网的快速发展,以及html5+css3的迅速崛起。渐渐的响应式布局,也会慢慢的出现在我们的视野里,身为专业的web前端人员,还不学习新技术你就out啦!为什么这样说呢?因为响应式布局能同时兼容多个终端,比如(手机、平板、PC)做一个网站转眼间就可以变成3个网站,和现在相比是不是更加具有优势呢 ...
分类:
其他好文 时间:
2017-10-25 15:24:44
阅读次数:
117
1.属性介绍 perspective:800 平面距离三维中方框的距离 perspective-origin:50% 50% 表示从平面上哪个位置看三维图 ,相当于是X轴和Y轴,此时表示平面中心 2.transform属性 --translete :位移操作 translateX(X px) tra ...
分类:
Web程序 时间:
2017-10-18 21:43:43
阅读次数:
180
http://caniuse.com/#index //Can I use... Support tables for HTML5, CSS3, etc-支持h5和css3的情况列表 JS包含: DOM ECMA BOM ==历史管理 方法一:用onhashchange:改变hash值来管理 产生7 ...
分类:
Web程序 时间:
2017-10-18 13:21:16
阅读次数:
234
方法一: 这用用的好处了,无论是块级元素还是行内元素,都可以进行垂直居中, transform意思是变形,是css3的内容 注意,这只是垂直居中,如果是上下左右居中,还需要加个width与margin:atuo 想看详细信息,可看出处:http://www.webhek.com/post/trans ...
分类:
Web程序 时间:
2017-10-17 10:00:58
阅读次数:
262
前言: 我们知道使用opacity可以实现透明效果,兼容语句是:filter:alpha(opacity=0~100);但是它具有父子继承特性,怎么实现我们想要的效果呢? 方法一:运用CSS3的属性rgba(R,G,B,A),IE8以上的版本可以达到我们的要求: R:红色值。正整数 | 百分数 G: ...
分类:
其他好文 时间:
2017-10-14 22:39:20
阅读次数:
222
transform 属性向元素应用 2D 或 3D 转换。该属性允许我们对元素进行旋转、缩放、移动或倾斜。 ...
分类:
编程语言 时间:
2017-10-12 15:41:45
阅读次数:
230