#33
date
Nov 29, 2023
tags
summary
type
Post
status
Published
slug
series-33
让光束沿着某条路径运动的 CSS 动画效果
- 用 conic-gradient 实现一个堆形的渐变
background: conic-gradient(
from 5deg at 50% 50%,transparent
330deg,#98c0ef
);- 准备一张绘制了路径 PNG 的图片，
- 使用
webkit-mask-image属性让图片给元素设置遮罩。 - 使用
webkit-mask-size: cover（和background-size属性一样让图片覆盖整个元素） - 给元素设置的背景颜色，背景颜色将会沿着 PNG 中的路径显示出来
- 图片中透明的部分将会遮住元素的内容，而不透明的部分会显示出来
- 用 CSS 动画让堆形渐变动起来
animation: dashboard-lines-spin var(--animation-duration) linear infinite;- 最后看成品
- 类型的效果
折腾 SubStore
之前一直使用 DlerCloud 的订阅链接配置，但由于这两天 DlerCloud 服务不稳定。想把备用的 Flyingbird 和 Tag 也用起来
我的 Apple TV 装了啥
Wiza #漂亮的网站😻
nivo 前端图表库
在之前 数据可视化 里面记录了一个 visx 这个库，今年看到 Fey 的创始人推荐 nivo 这个库，有机会都去尝试一下
Obsidian 模糊搜索插件 ‣
Raycast Wrapped 2023
Endel 白噪音 App
又开始尝试使用 Tmux
现在用得顺手的 iTerm2 的多窗口和 Tab 及分栏，对应的就是 Tmux 中的 Session、Window、Panel
iTerm2 用得很顺手了，图形界面也更直观，那为什么还要用 Tmux 呢 ？🤷
- 命令行很酷
- 可以不用它但不能不会用
- 在服务器上也可以用
还有一本之前收藏的书 Read The Tao of tmux | Leanpub，拿出来大概翻阅了一下，没什么必要看了。还是遇到需要去 Tmux Cheat Sheet 看看，工具的使用还是不要花太多时间学习，而是尽管去用就行
折腾完 Tmux 怎么能不折腾一下 Vim 呢😂
从记录了 一套开箱即用的 Neovim 配置 开始就一直使用的 nshen 的这套 Vim 配置。偶尔做作轻量级的编辑还是很顺手的，但自从手贱升级了一次插件后就开始莫名其妙的报错。发现 nshen 新开了一个项目 InsisVim ，真是太好用啦，熟悉了一下差不多可以拿来干活了。
说到 Neovim，这个日本 Youtuber 制作的视频就很禅意。看他写代码真是一种享受
Netbird iOS 客户端开始内测
Arc 浏览器的 Ask on Page 功能需要使用美国节点
