transition.style

发表于2023-01-02|更新于2026-02-24

|浏览量:

我这个人走得很慢，但是我从不后退。——亚伯拉罕·林肯

分享一个网站https://www.transition.style

这个网站提供了transition的各种css动画效果，其github地址：https://github.com/argyleink/transition.css

可以直接选取你需要的动画效果，点击复制，右边还可以自定义时间、淡入淡出等

相关推荐

图片懒加载

如果你只读每个人都在读的书，你也只能想到每个人都能想到的事。——村上春树首先贴代码： 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <style type="text/css"> .ruben { width: 400px; height: 300px; background-color: #e8e8e8 } .ruben img { width: 100%; height: 100%; } </style> <...

语法高亮shiki

即使断了一条弦，其余的三条弦还是要继续演奏，这就是人生。——爱默生项目介绍 Shiki 是一个基于 VS Code 语法高亮引擎的代码高亮库，它通过使用 TextMate 语法和 VS Code 的主题，生成极为准确和美观的高亮代码。Shiki 提供了一种非常灵活的方式来在静态网站生成器、文档系统或 Web 应用中进行代码高亮渲染，支持多种编程语言和主题。 Shiki 的主要特点：精确的高亮效果：基于 VS Code 引擎，支持 TextMate 语法和多种语言的高亮，保证与编辑器中一致的高亮效果。丰富的主题：支持多种 VS Code 主题，能够为代码提供深浅色主题选择。轻量级和快速：尽管功能强大，但 Shiki 仍然保持轻量和高效，适合在 Web 项目中使用。适用性广泛：可以轻松集成到静态网站生成器、博客、文档系统等项目中，提升代码展示的视觉体验。官方文档、GitHub地址官方文档：Shiki Documentation GitHub 仓库：shikijs/shiki Shiki 的官方文档提供了详细的使用说明、配置选项和主题列表，帮...

konva实现双击编辑富文本

那一天我二十一岁，在我一生的黄金时代，我有好多奢望。我想爱，我想吃，我想在一瞬间变成天上半明半暗的云。——《黄金时代》完整代码放到了：https://gitee.com/VampireAchao/simple-konva-html 主要是这个文件 https://gitee.com/VampireAchao/simple-konva-html/blob/master/richtext-dragable.html 思路来源：https://konvajs.org/docs/sandbox/Rich_Text.html 主要思路： 1.双击时创建(我这里是隐藏显示再定位)富文本dom节点 2.通过htmlToCanvas转换html为canvas 3.使用Konva.Image渲染效果还是蛮不错的，能做polotno的类似案例

github官方图标库

不存在十全十美的文章，如同不存在彻头彻尾的绝望。——村上春树 github官方图标库 https://primer.style/foundations/icons 代码仓库 https://github.com/primer/octicons

get请求包参数属性为数组（二）

伤害可能被原谅，但不会被遗忘——伊索之前写过一篇get请求包含参数属性为数组但是发现不适用数组不为对象的情况，例如ids: [1024, 2048, 4096]，而且可读性有点差，使用起来还得转下参数，所以封装了改良版 1234567891011121314151617181920212223242526272829303132333435let searchParams = { current: 1, size: 1, orders: [ { column:'age', asc:true }, { column:'name', asc:true } ], ids: [1024, 204...

Array.prototype.fill()

新的方法和概念，常常比解决问题本身更重要。——华罗庚我们在前端开发中，可以使用fill函数来快速构建数组 1Array(5).fill(1,1,4) 得到的是这样一个数组： 1[, 1, 1, 1, ] 这里参数fill(value,start,end)也是可以省略的 12345678910111213141516[1, 2, 3].fill(4); // [4, 4, 4][1, 2, 3].fill(4, 1); // [1, 4, 4][1, 2, 3].fill(4, 1, 2); // [1, 4, 3][1, 2, 3].fill(4, 1, 1); // [1, 2, 3][1, 2, 3].fill(4, 3, 3); // [1, 2, 3][1, 2, 3].fill(4, -3, -2); // [4, 2, 3][1, 2, 3].fill(4, NaN, NaN); // [1, 2, 3][1, 2, 3].fill(4, 3...

阿超

我的名字叫阿超年龄25岁家在北京市职业是软件开发每天最晚也会在八点前回家不抽烟酒浅尝辄止晚上十二点上床保证睡足八个小时睡前写一篇博客再做二十分钟俯卧撑暖身然后再睡觉基本能熟睡到天亮像婴儿一样不留下任何疲劳和压力就这样迎来第二天的早晨健康检查结果也显示我很正常我想说明我是一个不论何时都追求内心平稳的人不拘泥于胜负不纠结于烦恼不树立使我夜不能寐的敌人这就是我在这社会的生活态度

数据加载中