今天分享 13 个宝藏软件工具，包括 4 个电脑软件和 9 个在线工具，基本上都是免费好用

今天躺在床上刷抖音的时候，看见了一个马克笔随便画星空的视频，很有意思。

先看效果：

开始需求分析：

1、渐变色的背景

2、画一颗树和一些草

3、水面的倒影

4、随便画点星星

5、画一颗流星

1、渐变色的背景

先确定200*500的区域，使用css3的线性渐变属性，依次深蓝、浅蓝、紫色、粉色、黄色画出一个渐变色的背景。

上网

• 软件方面，Mac 下用 V2rayU，iPhone 下用 ShadowRocket（切美区下载）
• 通过 Proxifier 实现 terminal 出国
• 家里是软路由，固件选择 爱快 + openwrt
• 电视盒子有 FireTV 和 Google TV 看 Youtube 和 Netflix

设计师有时头疼配色方案，没有灵感的时候，可以试试在“UI Gradients”网站找一找好看的渐变色配色创作灵感。

地址：参见文末图

打开“

渐变色怎么做 (How to Create Gradient Colors)

渐变色是一种在设计、艺术和时尚中广泛应用的色彩效果。它通过将一种颜色平滑过渡到另一种颜色，创造出丰富的视觉体验。本文将详细介绍渐变色的制作方法，包括基本概念、工具选择、具体步骤以及应用实例。

渐变色的基本概念 (Basic Concepts of Gradient Colors)

渐变色的定义是颜色之间的平滑过渡。它可以是线性的，也可以是径向的。线性渐变是沿着一条直线变化，而径向渐变则是从中心向外扩展。渐变色可以用于背景、图形、文本等多种设计元素中，增加视觉层次感和吸引力。

rem、em和px都是CSS中用于设置元素尺寸的单位，它们的区别和计算方式如下：

相对单位 vs 绝对单位

px，像素，是一个绝对单位，它提供了一个具体的、固定的尺寸。1像素等于屏幕上的一个实际像素点，

一、px rem em区别

px

1.相对长度单位。相对于显示器屏幕分辨率而言。 2.存在浏览器不兼容问题。

em

1.相对长度单位。相对于当前对象内文本字体尺寸。 2.em值并不是固定的，em会继承父级元素的大小. 3.如果父级设置font-size:20px. 那么1em=20px. 2em=40px；如果父级设置font-size为30px. 1em=30px. 2em=60px. 4.存在容易造成字体设置混乱问题。