- 一台电脑及一个浏览器(推荐使用Chrome)
- 具备JavaScript及CSS基础知识的您
- 探索如何为console.log添加样式技巧:操作指南
第二个实例:B站控制台的ASSII-Aar应用技巧。
第三个实例:基于首个实例的改造应用。
偶然间发现西瓜视频的控制台功能。这并非为了推广西瓜视频,而是一种技术发现的喜悦。
曾几何时,我竟未想到能如此玩转其中!
以下代码摘自西瓜视频示例。
对于使用base64方式,因其代码量较大,故不推荐使用。
关于B站的玩法:
我演示了一个转义字符的使用场景,如\和`等特殊字符的巧妙应用。
推荐几个制作ASSII-Art的网站,这些网站无需即可访问,虽然加载速度稍慢。
lunicode - 主要用于制作英文和数字效果。
patorjk - 同上。
1lineart - 专门制作符号表情。
既然console.log支持背景图,那么我们是否可以尝试使用背景渐变效果呢?
background-image提供了多种渐变方式。若您对渐变使用方法存有疑问,可以补充学习一下CSS3渐变的相关知识。
下面给出的渐变代码虽稍显复杂,但效果显著。其来源为CSS3 Patterns Gallery。
最后再为您推荐几个实用的背景渐变网站:
standardista、CSS3 Patterns Gallery、bennettfeely以及Flags with CSS3 Gradients。