avatar
文章
2338
标签
36
分类
0
首頁
目录
标签
友鏈
关于
Logo阿超css-tricks 返回首页
搜索
首頁
目录
标签
友鏈
关于

css-tricks

发表于2022-11-21|更新于2026-02-24
|浏览量:

站在上风的人衣冠要整洁,位在任上的人言行要谨慎,这才是政治家对天下的责任。——德富芦花

分享一个网站,这个网站有很多css小技巧

https://css-tricks.com/

image-20221121133200417

比如css实现颗粒噪声

image-20221121133209547

又或是对于console的使用指引,例如console.clear()清除控制台

https://css-tricks.com/a-guide-to-console-commands/

前端
上一篇
git commit template
爱人所爱,投其所好的逢迎是最可人的逢迎——乔·塞尔登 分享一个插件 可以在git提交时点击此 选择创建提交消息 即可
下一篇
JSON小技巧
越年轻,就越不能跟丑事妥协——纪德 分享个前端的JSON.stringify以及parse小技巧 MDN:https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Global_Objects/JSON 例如我们此处使用JSON.stringify({name:'VampireAchao',age:21})可以将对象转为json 如果我们只想要name值,则可以传入第二个参数,可以接受一个数组类型 1JSON.stringify({name:'VampireAchao',age:21},['name']) 转出来则是'{"name":"VampireAchao"}' 如果我们要自定义规则,则可以传入一个函数类型,第一次调用时value为我们的数据对象,属于由外向内调用 1234567891011121314let times = 0;const json = JSON....
相关推荐
2023-01-14
google、YouTube、Medium进度条
当一个男人偷走了你的妻子时,最好的报复是让他去赡养她——吉特里 这是一个目前25K stars的项目 github:https://github.com/rstacruz/nprogress 演示网址:http://ricostacruz.com/nprogress 进度条是浏览器上方的这个
2021-08-29
css定义变量
仁义忠信,乐善不倦,此天爵也 。一一《孟子》 写法如下 123456789101112131415161718192021222324252627282930313233<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <style type="text/css"> :root { /* 定义变量,需要--开头 */ --ruben-width: 200px; --ruben-height: 200px; --ruben-bg-color: #ff0000; } .ruben { /* 使用变量,需要var(变量名) */ background-color: var(--ruben-bg-color); width: var(--ruben-width); height: ...
2022-10-16
ics-to-json
我无论作什麽,始终在想着,只要我的精力允许我的话,我就要首先为我的祖国服务。——(苏联)巴甫 昨天提到可以订阅ics,那能不能将ics转json呢?可以试试这个ics-to-json github:https://github.com/cwlsn/ics-to-json 使用: 123456789npm i ics-to-json// 或者cnpm i ics-to-json// 或者pnpm i ics-to-json// 或者yarn add ics-to-json// 或者tyarn add ics-to-json 我这里通过browserify测试: 1cnpm install -g browserify 编写main.js 12const icsToJson = require('ics-to-json')window.icsToJson = icsToJson.default 1browserify main.js -o bundle.js 编写页面 123456789101112<!DOCTYPE html><htm...
2021-06-20
vue页面加载完毕之后执行
好奇心造就科学家和诗人。——法朗士 当vue页面加载完成后触发 我们在html开发中经常是使用window.onload实现 123window.onload = () => { } 但在vue中我们使用this.$nextTick 123this.$nextTick(() => { console.log("页面加载完啦~")}) 效果如下
2025-11-06
OpenTUI
我说你是人间的四月天,笑响点亮了四面风,轻灵在春的光艳中交舞着变。你是四月天里的云烟,黄昏吹着风的软,星子在无意中闪,细雨点撤在花前。——林徽因《你是那人间的四月天》 打造极致终端体验!OpenTUI:TypeScript 终端界面开发新利器在互联网日益图形化的今天,Terminal(终端)依旧在开发者和极客圈中有着不可替代的重要地位:高效、纯粹、可脚本化、轻量且跨平台。如果你曾被命令行的“单调”困扰,或希望为CLI工具甚至运维平台打造更现代、交互丰富的终端界面(TUI),那么你一定不能错过——OpenTUI! 一、什么是OpenTUI? 项目地址:sst/opentui 官网主页:https://opentui.com 一句话简介:OpenTUI 是一个用于构建终端用户界面(TUI, Terminal User Interface)的 TypeScript 库。 主要语言:TypeScript Star:4,529+ Fork:164+ 授权协议:MIT 无论你要开发终端应用仪表盘、交互式安装器、数据小工具,还是命令行游戏,这个库提供了现代化、丰富的能力,让你...
2024-07-19
css实现毛玻璃效果
醉过才知酒浓,爱过才知情重。你不能做我的诗,正如我不能做你的梦。——胡适 从这里学过来的 Backdrop Filter Effect With CSS | CSS-Tricks 核心代码如下: 123.container { backdrop-filter: blur(10px);} 效果 See the Pen Untitled by Guillermo Esteves (@gesteves) on CodePen. 进阶学习backdrop: Backdrop-filter | CSS-Tricks
avatar
阿超
我的名字叫阿超 年龄25岁 家在北京市 职业是软件开发 每天最晚也会在八点前回家 不抽烟 酒浅尝辄止 晚上十二点上床 保证睡足八个小时 睡前写一篇博客 再做二十分钟俯卧撑暖身 然后再睡觉 基本能熟睡到天亮 像婴儿一样不留下任何疲劳和压力 就这样迎来第二天的早晨 健康检查结果也显示我很正常 我想说明我是一个不论何时都追求内心平稳的人 不拘泥于胜负 不纠结于烦恼 不树立使我夜不能寐的敌人 这就是我在这社会的生活态度
文章
2338
标签
36
分类
0
Follow Me
公告
This is my Blog
最新文章
vllm2026-10-22
jasna2026-10-21
os-taxonomy2026-10-20
llm-course2026-10-19
orca2026-10-18
© 2025 - 2026 By 阿超框架 Hexo 8.1.1|主题 Butterfly 5.5.4
搜索
数据加载中