transition.style

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

|浏览量:

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

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

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

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

相关推荐

css渐变实现杂色

团结就是力量——毛泽东思路出处：https://css-tricks.com/making-static-noise-from-a-weird-css-gradient-bug/ 这是一个通过css渐变产生的锯齿BUG实现的噪点效果例如我们使用径向渐变画两个圆，这里用的径向渐变函数radial-gradient，其中第一个参数是距离中心点近的渐变样式，第二个是远一些的，每个参数中第一项是颜色，第二项是区域这里的：从中心点进行沿半径进行渐变 123456789101112131415<div class="box"></div><div class="box"></div><style> .box { display: inline-block; width: 300px; aspect-ratio: 1; margin: 10px; border: 2px solid red; background: radial-gradient(#000...

猝然死去本无甚苦痛，长期累死倒真难以忍受。——佚名 codeFlask是一个在线代码编辑器：官方文档：https://kazzkiq.github.io/CodeFlask/ github：https://github.com/kazzkiq/CodeFlask 代码也很简单： 123456789101112131415161718192021222324252627282930313233343536373839404142<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <script type="text/javascript" src="https://unpkg.com/codeflask/build/codeflask.min.js"></script> </head> <body> <...

草木蔓发,青山可望。一一王维 https://github.com/yaklang/yakit Yakit：一站式网络安全测试平台，红蓝队都爱用！在网络安全攻防日益复杂的今天，如何高效、灵活地完成渗透测试、漏洞挖掘、流量分析和脚本自动化？Yakit 给出了一个漂亮的答案！一、项目简介项目地址：yaklang/yakit 一句话描述：Cyber Security ALL-IN-ONE Platform 主语言：TypeScript（跨平台桌面应用，深度整合Yaklang安全领域专用语言） Star：6700+ Fork：770+ 标签：redteam blueteam hacking-tools scanner burpsuite pentest exploit 许可证：AGPL 3.0 二、Yakit 的来头有多大？Yakit 是 Yaklang 团队基于“安全融合”理念打造的交互式应用安全测试平台。它不仅仅是抓包工具，更是一套从攻防到自动化脚本、从插件系统到安全语言的全场景解决方案。平台内置网络安全专用 DSL（CDSL），提供可视化、可自动化、可编程...

忍把浮名，换了浅斟低唱。——柳永《鹤冲天》分享一个css框架unocss 可以通过class规则，生成对应样式，例如通过m-1生成margin: 0.25rem 而且规则可以通过 https://uno.antfu.me/ 进行查询除了预制规则，还可以自定义规则： 123rules: [ ['m-1', { margin: '0.25rem' }],] 即可生成 1.m-1 { margin: 0.25rem; } 还可以通过正则的方式 1234rules: [ [/^m-(\d+)$/, ([, d]) => ({ margin: `${d / 4}rem` })], [/^p-(\d+)$/, match => ({ padding: `${match[1] / 4}rem` })],] 使用起来 123456<div class="m-100"> &...

img图片丢失后默认图

万物并育而不相害，道并行而不相悖。一一《礼记》我们在使用img标签时经常会遇到图片丢失等情况，我们可以给图片设置一个默认图写法如下： 1<img src onerror="this.src='/img/oss/2020-06-01/head.jpg'" /> 这时候我们并没有给src属性赋值，导致触发onerror事件，执行了其中的js 当然如果我们是正常的图片，是无影响的

天可补，海可填，南山可移。日月既往，不可复追。——曾国藩本篇博客针对新vue2项目，老项目就先不说了哈哈(坑太多) 首先新建一个vue2项目 1vue create simple-vue2-vite 选择Default ([Vue 2] babel, eslint) 1234567891011success Saved lockfile.Done in 3.92s.⚓ Running completion hooks...📄 Generating README.md...🎉 Successfully created project simple-vue2-vite.👉 Get started with the following commands: $ cd simple-vue2-vite $ yarn serve 安装完毕后我们进入，执行 12cd simple-vue2-viteyarn serve 可以看到正常运行：我们首先安装vite 1pnpm i -D vite vite-plugin-vue2 根目录新建一个vite.config....

阿超

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

数据加载中