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