css-animations
发表于|更新于
|浏览量:
一切鬼魂们的叫唤无不低微，然有秩序，与火焰的怒吼，油的沸腾，铜叉的震颤和鸣，造成醉心的大乐，布告三界：地下太平。──鲁迅《失掉的好地狱》
分享一个网站
可以让我们学习css动画
相关推荐
2024-04-17
octokit.js
暴食杀人多于利剑杀人。——伯里兹 分享一个框架封装了GitHub的API调用 GitHub - octokit/octokit.js: The all-batteries-included GitHub SDK for Browsers, Node.js, and Deno. 等于是一个SDK 目前，GitHub 维护以下语言/框架/平台的 SDK： JavaScript / TypeScript C# / .NET Ruby Terraform provider 还有 2 个 SDK，它们是根据 GitHub 的 OpenAPI 描述生成的！ C# / .NET Go 浏览器里安装： 123<script type="module">import { Octokit, App } from "https://esm.sh/octokit";</script> 示例：获取经过身份验证的用户的用户名。 12345678// C...
2021-07-15
自定义鼠标
无息乌乎生，无绝乌乎续，无无乌乎有？ ——明·宋应星《谈天·日说三》 我们可以使用CSS中的 1cursor: url(https://VampireAchao.github.io/imgs/mouse1.cur),auto; 去自定义我们的鼠标图片 这里后面的auto是如果前面鼠标图片失效时的备选方案 我们也可以改成default、pointer等等 甚至可以多个并存 1cursor: url(https://VampireAchao.github.io/imgs/mouse1.cur),url(https://VampireAchao.github.io/imgs/mouse2.cur),auto; 效果如下
2025-03-18
文本精准对齐
即使饱含泪水，我仍旧将它们擦干；即使不被信任，我仍旧相信。就是这样，也将是这样。——保罗·科埃略的《阿莱夫》 CSS 如何让文本随背景图等比例缩放？背景在响应式布局中，我们经常需要让文本标注准确地贴合背景图，并且在窗口缩放时，文本应 保持相对位置不变，同时等比例缩放。然而，传统的 position: absolute 方式往往会导致文本发生 偏移，影响对齐。 最佳实践：position + transform在 CSS 中，最简单且稳定的方法是结合： 1234position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%); 这能确保文本始终居中，不随容器缩放而偏移。 原理解析 position: absolute 确定参考点 文本相对于 position: relative 的父元素 进行绝对定位。 left: 50%; top: 50% 让文本的左上角 位于背景图 50% 的位置。 transform: translate(-50%, -50%) 精准居中 向左移动自身宽度 50% (t...
2022-08-20
micro-app
浅水是喧哗的，深水是沉默的。——雪莱 分享一个微前端框架micro-app 官方文档：https://micro-zoe.github.io/micro-app/ 仓库地址：https://github.com/micro-zoe/micro-app 在线体验地址：https://zeroing.jd.com/micro-app/demo/react16
2025-03-05
tauri快速开始踩坑
现在我不那么困惑了，因为我幸运地变得比以前麻木了。——梭罗的《瓦尔登湖》 这里我的Rust版本太低了，所以更新了下 终端如下： 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106(base) 2023:~ achao$ cd ~/IdeaProjects/(base) 2023:IdeaProjects achao$ sh <(curl https://create.tauri.app/sh) % Total % Received % Xferd Average Speed Time Time Time Current ...
2025-06-04
wave-ui
教育上的错误比别的错误更不可侵犯。教育上的错误正和错配了药一样，第一次弄错了，决不能借第二第三次去补救，它们的影响是终身洗不掉的。——约翰·洛克 https://github.com/antoniandre/wave-ui https://antoniandre.github.io/wave-ui/ Wave UI：基于 Vue 的现代化 UI 框架在构建现代化的 Web 应用时，一个优秀的 UI 框架不仅能够加快开发速度，还能显著提升用户体验。对于使用 Vue 的开发者而言，Wave UI 是一个轻量级、功能丰富的选择。 Wave UI 是一个基于 Vue 的 UI 框架，专注于提供高质量的组件和工具，同时保持轻量化和易用性。通过 Wave UI，开发者可以快速构建美观且功能强大的 Web 应用。 为什么选择 Wave UI？1. 轻量化和高性能Wave UI 的核心目标是轻量化，整个框架大小不到 40 KB。这让它在加载速度和性能上表现优异，非常适合构建快速响应的应用。 2. 易用性Wave UI 提供了直观的 API 和简单的配置选项，让开发者能够快速上手。即使是初学...