一个js视差动画
发表于|更新于
|浏览量:
人生碌碌，竞短论长，却不道荣枯有数，得失难量。——《浮生六记》
分享一个js视差动画：https://codepen.io/isladjan/details/abdyPBw
滑动会出现各种动画效果，非常的好玩
相关推荐
2024-10-19
docmost
有缺点的战士终究是战士，完美的苍蝇也终究不过是苍蝇。 ——鲁迅《华盖集》 网站： https://docmost.com/ 文档： https://docmost.com/docs github： https://github.com/docmost/docmost Docmost 是一个开源协作维基和文档软件。它是 Confluence 和 Notion 的开源替代品。 运行： 123mkdir docmostcd docmostcurl -O https://raw.githubusercontent.com/docmost/docmost/main/docker-compose.yml 然后编辑文件 1vi docker-compose.yml 修改 APP_URL应替换为您选择的域。例如https://example.com或https://docmost.example.com 。 APP_SECRET值必须替换为长随机密钥。 您可以使用openssl rand -hex 32生成秘密。如果保留默认值，应用程序将无法启动。 将POSTGRES_PASSWORD环...
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 和简单的配置选项，让开发者能够快速上手。即使是初学...
2020-10-10
location
方向是比速度更重要的追求。——白岩松 转载，原文 Location 对象Location 对象包含有关当前 URL 的信息。 Location 对象是 window 对象的一部分，可通过 window.Location 属性对其进行访问。 注意： 没有应用于Location对象的公开标准，不过所有浏览器都支持该对象。 Location 对象属性 属性 描述 hash 返回一个URL的锚部分 host 返回一个URL的主机名和端口 hostname 返回URL的主机名 href 返回完整的URL pathname 返回的URL路径名。 port 返回一个URL服务器使用的端口号 protocol 返回一个URL协议 search 返回一个URL的查询部分 Location 对象方法 方法 说明 assign() 载入一个新的文档 reload() 重新载入当前文档 replace() 用新的文档替换当前文档
2024-12-09
spark-joy
死非生的对立面，而作为生的一部分永存。——《挪威的森林》 ✨😂 2000 多种方法为您的产品增添设计风格、用户满意度和奇思妙想。 https://github.com/swyxio/spark-joy/ 为您的产品添加设计风格、用户满意度和奇思妙想的简单方法！ Spark Joy 理念在我的书中有更详细的解释（https://learninpublic.org/），如果您想探索这种方法如何应用于设计实用程序之外的其他领域，请查看它。 目录 [4 分钟网页设计](#4 分钟网页设计) CSS/UI 模板 严肃的 CSS 框架 插入 CSS 框架 有趣的 CSS 框架 无框架 CSS 重置 CSS A11y 跳棋 Tailwind 组件库 React 组件库 布局 堆叠和高程 二维间距 响应式布局断点 布局出血 其他布局工具和技巧 版式 字体 行高 线宽 字距调整和字符间距 字体大小 版式讲座 其他版式资源 颜色 调色板生成器 颜色渐变 色彩理论 数据可视化的色彩理论 背景 背景渐变和图案 背景插图 背景 SVG 纹理 杂项...
2022-08-24
introjs
爱情沉默的地方，责任就要起作用——歌德 introjs是一个前端指引库 官网：https://introjs.com/ github：https://github.com/usablica/intro.js 用法也很简单： 引入： 12npm install intro.js --saveyarn add intro.js 或者 12https://unpkg.com/intro.js/minified/intro.min.jshttps://unpkg.com/intro.js/minified/introjs.min.css 使用： 12345678introJs().setOptions({ steps: [{ intro: "Hello world!" }, { element: document.querySelector('#login'), intro: "Click here to login!" }]}).st...
2025-01-24
css循环淡入淡出播放
令她反感的，远不是世界的丑陋，而是这个世界所戴的漂亮面具。——《不能承受的生命之轻》 代码如下： 12345678910111213141516171819202122232425262728293031323334353637383940import React from "react";import clsx from "clsx";import styles from './index.module.css';import Layout from "@theme/Layout";function HomepageHeader() { return ( <header className={clsx('hero', styles.heroBanner)}> <div className={clsx(styles.heroContainer)}> <img clas...
阿超
我的名字叫阿超 年龄25岁 家在北京市 职业是软件开发 每天最晚也会在八点前回家 不抽烟 酒浅尝辄止 晚上十二点上床 保证睡足八个小时 睡前写一篇博客 再做二十分钟俯卧撑暖身 然后再睡觉 基本能熟睡到天亮 像婴儿一样不留下任何疲劳和压力 就这样迎来第二天的早晨 健康检查结果也显示我很正常 我想说明我是一个不论何时都追求内心平稳的人 不拘泥于胜负 不纠结于烦恼 不树立使我夜不能寐的敌人 这就是我在这社会的生活态度
Follow Me公告
This is my Blog