摘要: 假如要制作平行四边形的按钮 可以通过使用transform:skew()变形的属性来对这个矩形进行斜向拉伸就能实现 但是,一眼就能看出,里面的内容也跟着发生了拉伸现象。 解决方案一: 嵌套元素方案 得到的效果如下 很明显,问题得到了解决,但是意味着不得不添加额外的html元素,如果结构层不允许的,或 阅读全文
posted @ 2016-07-02 23:05 7-Eleven 阅读(103) 评论(0) 推荐(0) 编辑
摘要: transition:transition-property||transition-duration||transition-timing-function||transition-delay。主要包含这4个属性。 transition-property:none|all|<ident>.none 阅读全文
posted @ 2016-07-02 18:51 7-Eleven 阅读(153) 评论(0) 推荐(0) 编辑
摘要: transform:none|rotate|scale|skew|translate|matrix;(以空格分开) none:不进行转换; rotate:旋转。正数是顺时针旋转,负数为逆时针旋转。如transform:rotate(45deg); scale:缩放。scale(x,y)水平,垂直同时 阅读全文
posted @ 2016-07-02 18:33 7-Eleven 阅读(145) 评论(0) 推荐(0) 编辑
摘要: box-shadow和textshadow我觉得差不多 box-shadow和text-shadow一样可以使用一个或多个投影,如果使用多个投影时必须需要用逗号“,”分开。 box-shadow:inset(投影方式) x-offset(x轴偏移) y-offset(y轴偏移) blur-radiu 阅读全文
posted @ 2016-07-02 10:08 7-Eleven 阅读(108) 评论(0) 推荐(0) 编辑
摘要: text-shadow:<length>(x轴) <length>(y轴) <shadow>(模糊半径) color(阴影颜色) length:长度值,可以是负值。用来指定阴影的延伸距离。其中X是水平偏移值,Y是垂直偏移值。x为正数值右边,y为正数值下边,负数相反。 <shadow>:阴影的模糊值, 阅读全文
posted @ 2016-07-02 09:40 7-Eleven 阅读(151) 评论(0) 推荐(0) 编辑
摘要: linear-gradient线性渐变 linear-gradient:top(开始方向)||45deg(角度) color(开始颜色) color(结束颜色)。 阅读全文
posted @ 2016-07-02 09:14 7-Eleven 阅读(113) 评论(0) 推荐(0) 编辑