transition.style
发表于|更新于
|浏览量:
我这个人走得很慢，但是我从不后退。——亚伯拉罕·林肯
分享一个网站https://www.transition.style
这个网站提供了transition的各种css动画效果，其github地址：https://github.com/argyleink/transition.css
可以直接选取你需要的动画效果，点击复制，右边还可以自定义时间、淡入淡出等
相关推荐
2022-09-09
metainfo.js
谁若想在困厄时得到援助，就应在平日待人以宽——萨迪 分享一个获取文件信息的js库MediaInfo.js 代码仓库： https://github.com/buzz/mediainfo.js 代码如下： 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> ...
2022-09-03
canvas视频截帧
礼貌是儿童和青年都应该特别小心地养成习惯的第一件大事——约翰·洛克 先放代码： 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136<script> /** * * @param src string 视频url * @param currentTime double 视频截取位置,单位秒 * @return 截取图片的 base64 */ ...
2023-01-22
一个js视差动画
人生碌碌，竞短论长，却不道荣枯有数，得失难量。——《浮生六记》 分享一个js视差动画：https://codepen.io/isladjan/details/abdyPBw 滑动会出现各种动画效果，非常的好玩
2021-12-24
youmightnotneedjquery
你要记得，永远要愉快地多给别人，少从别人那里拿取。——高尔基 最近发现一个网站：youmightnotneedjquery https://youmightnotneedjquery.com/ 直译过来就是你可能并不需要jquery…可以看出是有点恶趣味哈哈 对应的github地址为：https://github.com/HubSpot/YouMightNotNeedjQuery 这个网站它介绍了很多种使用新版IE新特性代替jquery的方法： 例如使用jquery时发送get请求获取json格式的数据 123$.getJSON('/my/url', function(data) {}); 使用IE10+时，不用依赖jquery，直接写 123456789101112131415161718var request = new XMLHttpRequest();request.open('GET', '/my/url', true);request.onload = function() ...
2024-06-28
uniapp将h5底部tabbar改到顶部
家贫僮仆慢，官罢友朋疏远。——佚名 样式： 1234567.uni-tabbar{ top: 0; height: 50px;}.uni-app--showtabbar { padding-top: 50px;} 当然大家也有大家的方式，不能说谁的好谁的坏 我这个的主要特点是能够适配没有tabbar的子页面
2022-07-01
js让光标选择节点中部分文本
我走得很慢，但我从不后退。——林肯 如题，代码： 12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152<!DOCTYPE html><html><head> <meta charset="utf-8"> <title></title></head><body> <div id="container">ruben</div> <button>r</button> <button>u</button> <button>b</button> <button>e</button> <button>n</button> &...