06 2016 档案

CSS Gradient详解
摘要:啥也不说,先看代码: FireFox和Opera不需要前缀可以直接使用radial-gradient(它们曾经也需要前缀,现在不需要了)。Chrome需要-webkit-前缀才可以使用。而且有前缀的径向渐变和没有前缀的径向渐变语法有一点不同。 先来说说无前缀的径向渐变。它使用“at语法” 说白了就是 阅读全文

posted @ 2016-06-29 10:56 乔安娜~春凤 阅读(859) 评论(0) 推荐(0)

CSS Transition
摘要:W3C标准中对css3的transition这是样描述的:“css的transition允许css的属性值在一定的时间区间内平滑地过渡。这种效果可以在鼠标单击、获得焦点、被点击或对元素任何改变中触发,并圆滑地以动画效果改变CSS的属性值。” 语法: transition主要包含四个属性值: 执行变换 阅读全文

posted @ 2016-06-28 16:30 乔安娜~春凤 阅读(220) 评论(0) 推荐(0)

CSS 实现三角形、梯形、等腰梯形
摘要:三角形 等腰三角形(只用修改border-width属性值就可以了) 直角三角形 梯形 等腰梯形 等腰梯形旋转 阅读全文

posted @ 2016-06-22 19:24 乔安娜~春凤 阅读(6337) 评论(0) 推荐(1)

CSS transform(变形)和transform-origin(变形原点)
摘要:transform(变形)和transform-origin(变形原点)的说明: 目前这两个属性得到了除去ie以外各个主流浏览器webkit,firefox,opera的支持,属性名分别为 -webkit-transform,-moz-transform,-o-transform; 1、改变元素基点 阅读全文

posted @ 2016-06-20 18:22 乔安娜~春凤 阅读(3430) 评论(0) 推荐(0)

CSS3详解:transform
摘要:transform的含义是:改变,使…变形;转换 transform的属性包括:rotate() / skew() / scale() / translate(,) ,分别还有x、y之分,比如:rotatex() 和 rotatey() ,以此类推。 transform:rotate(): 含义:旋 阅读全文

posted @ 2016-06-20 16:45 乔安娜~春凤 阅读(208) 评论(0) 推荐(0)

jQuery animate easing使用方法
摘要:从jQuery API 文档中可以知道,jQuery自定义动画的函数.animate( properties [, duration] [, easing] [, complete] )有四个参数: properties:一组包含作为动画属性和终值的样式属性和及其值的集合 duration(可选): 阅读全文

posted @ 2016-06-17 09:57 乔安娜~春凤 阅读(1160) 评论(0) 推荐(0)