web前端常用代码、工具、网站汇总

常用网站

渐变生成工具：https://www.grabient.com/
图片压缩：https://tinypng.com/?tdsourcetag=s_pctim_aiomsg

常用代码

文字超出变省略符号：

overflow:hidden;
text-overflow:ellipsis;
-o-text-overflow:ellipsis;
-webkit-text-overflow:ellipsis;
-moz-text-overflow:ellipsis;
white-space:nowrap;

多行文字超出变省略号：（“2”为行数）

word-break:break-all;
display:-webkit-box;
-webkit-line-clamp:2;
-webkit-box-orient:vertical;
overflow:hidden;

模糊：

filter: blur(10px);

灰度：

filter: grayscale(1);

亮度：

filter: brightness(2.3);

文字排列方向：

writing-mode:horizontal-tb;	//默认：水平方向，从上到下 
writing-mode:vertical-rl;  //垂直方向，从右向左
writing-mode:vertical-lr;  //垂直方向，从左向右

Math.random随机数的范围

var random = Math.random() -------------------------------- [0,1)
Math.random() * 10 --------------------------------------------[0,10)
(Math.random() * 10) +1 ---------------------------------------[1, 10)
4 以下函数返回 min（包含）～ max（不包含）之间的数字：
(Math.random() * (max-min)) + min -----------------------[min, max)
以下函数返回 min（包含）～ max（包含）之间的数字：
(Math.random() * (max-min+1)) + min ---------------- [min,max]