SVG元素可以通过缩放,移动,倾斜和旋转来变换-类似HTML元素使用CSS transform来变换。然而,当涉及到坐标系时这些变换所产生的影响必然有一定差别。在这篇文章中我们讨论SVG的transform属性和CSS属性,包括如何使用,以及你必须知道的关于SVG坐标系变换的知识。这是我写的SVG坐...
分类:
其他好文 时间:
2015-08-05 12:19:10
阅读次数:
127
HTML:<div>
<ul>
<liid=‘li1‘>1</li>
<liid=‘li2‘>2</li>
<liid=‘li3‘>3</li>
</ul>
<ahref=‘#li1‘>a</a>
<ahref=‘#li2‘>b</a>
<ahref=‘#li3‘>c</a>
</div>CSS:@..
分类:
Web程序 时间:
2015-08-04 15:54:40
阅读次数:
163
使用“appearance”属性,可以改变任何元素的浏览器默认风格,简单的说,你可以使用“appearance”属性将“段落p”渲染成button的风格,也可以渲染成“输入框”、“选择框”等效果。大家都知道每个浏览器对HTML元素渲染都不一样,比如说“button”,在chrome和ff中,渲染出来...
分类:
移动开发 时间:
2015-08-03 18:48:18
阅读次数:
145
动画(Animation),是CSS3的亮点.//之一通过animation属性指定@keyframe来完成关键帧动画;@keyframe用法: @keyframes name { 0% { top: 0; }/*0%可用from关键字替代*/ 50% { top: 10px; } 100%...
分类:
Web程序 时间:
2015-08-03 18:36:05
阅读次数:
146
iOS开发UI篇—transframe属性(形变)1.transform属性在OC中,通过transform属性可以修改对象的平移、缩放比例和旋转角度常用的创建transform结构体方法分两大类(1) 创建“基于控件初始位置”的形变CGAffineTransformMakeTranslation(...
分类:
其他好文 时间:
2015-07-30 09:23:07
阅读次数:
109
我们的网页因为 CSS 而呈现千变万化的风格。这一看似简单的样式语言在使用中非常灵活,只要你发挥创意就能实现很多比人想象不到的效果。特别是随着 CSS3 的广泛使用,更多新奇的 CSS 作品涌现出来。今天给大家带来 CSS 三角形绘制方法代码如下:#triangle-up {width: 0;hei...
分类:
Web程序 时间:
2015-07-29 11:52:37
阅读次数:
156
关于图层的几个坐标系。对于ios来说,坐标系的(0,0)点在左上角,就是越往下,Y值越大。越往右,X值越大。一个图层的frame,它是position,bounds,anchorPoint和transform属性的一部分。设置一个新的frame将会相应的改变图层的position和bounds,但是...
分类:
移动开发 时间:
2015-07-28 17:20:43
阅读次数:
168
prefixfree.js是JavaScript工具库,怎么用呢。。。回答就是:哼!省去CSS3中的前缀“-moz”、“-webkit”、“-o”、“-ms” 省的在写一大堆前缀来适应旧版本浏览器或者一些新的css3属性。什么?不懂?来,告诉你:css3的很多属性是要加前缀的,以适应不同的浏览...
分类:
Web程序 时间:
2015-07-26 00:27:04
阅读次数:
199
演示:http://jsfiddle.net/Adce2/其主要思想:1, 先画边栏html。2, 使用css3分别财产close sidebar-content动图片。3, 使用css3的keyframes要定义动画的风格。 版权声明...
分类:
Web程序 时间:
2015-07-25 13:48:39
阅读次数:
119