摘要: 假如要制作平行四边形的按钮 可以通过使用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) 编辑
摘要: rgba:r是红色。 g是绿色。 b是蓝色。 a是透明度。 以上r、g、b三个参数,正整数值的取值范围为:0 - 255。百分数值的取值范围为:0.0% - 100.0%。超出范围的数值将被截至其最接近的取值极限。。a参数,取值在0~1之间,不可为负值。 rgba是制作透明色,和opacity 的区 阅读全文
posted @ 2016-06-30 21:11 7-Eleven 阅读(205) 评论(0) 推荐(0) 编辑
摘要: border-radius是制作边框圆角 border-radius的基本语法: <length>: 由浮点数字和单位标识符组成的长度值。不可为负值。(px,%) border-radius是一种缩写方法。如果“/”前后的值都存在,那么“/”前面的值设置其水平半径,“/”后面值设置其垂直半径。如果没 阅读全文
posted @ 2016-06-30 20:56 7-Eleven 阅读(292) 评论(0) 推荐(0) 编辑
摘要: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>jstab标签</title> <style type="text/css"> *{margin: 0;padding: 0;list-style: none; 阅读全文
posted @ 2016-05-23 11:08 7-Eleven 阅读(150) 评论(0) 推荐(0) 编辑