一个js视差动画
发表于|更新于
|浏览量:
人生碌碌，竞短论长，却不道荣枯有数，得失难量。——《浮生六记》
分享一个js视差动画：https://codepen.io/isladjan/details/abdyPBw
滑动会出现各种动画效果，非常的好玩
相关推荐
2026-03-25
editor
集腋成裘，聚沙成塔。几秒钟虽然不长，却构成永恒长河中的伟大时代。——弗莱彻 Pascal Editor有些编辑器喜欢写字，有些编辑器喜欢画画，而 Pascal Editor 更像一个戴着安全帽的建筑师：他不在纸上涂涂改改，他直接把你拽进三维空间里，抬手就是一堵墙，转身就是一块楼板，眨眼之间，一个 Site、一栋 Building、好几层 Level 就搭起来了——而且他跑在 React Three Fiber 与 WebGPU 的快车道上，动作利落，手感顺滑。 一句话就把他的人设钉死在门口： A 3D building editor built with React Three Fiber and WebGPU. 视频入口也在 README 里（那是他给你递来的“看我施工”的短片）：https://github.com/user-attachments/assets/8b50e7cf-cebe-4579-9cf3-8786b35f7b6b 住址（Homepage）他把自己的工作室地址挂得很显眼： https://editor.pascal.app 这是一个 Turbo...
2025-02-11
expo
谁终将声震人间，必长久深自缄默；谁终将点燃闪电，必长久如云漂泊。——尼采 https://docs.expo.dev/https://github.com/expo/expo Expo 是一个开源平台，旨在帮助开发者构建可以在 Android、iOS 和 Web 上运行的通用原生应用。通过结合使用 React 和 JavaScript，开发者可以在一个统一的环境中构建跨平台的应用，而不需要切换不同的技术栈。Expo 的核心优势之一就是它提供了一个完整的 SDK、模块 API、CLI 工具以及丰富的文档，极大简化了跨平台开发过程。 Expo 不仅支持快速开发，还通过其独特的功能和服务帮助开发者将应用构建、发布和迭代过程变得更加高效。例如，Expo 应用服务 (EAS) 提供了一套集成的服务平台，能够帮助开发者在个人或团队环境中更轻松地管理和发布应用。 Expo 生态Expo 提供了一个强大的生态系统，包括多个模块和工具，使得从开发到部署的每一步都能得到充分的支持。除了基础的功能开发之外，Expo 还包含了与 EAS 深度集成的服务，帮助用户自动化构建、分发和发布应用。这意味着你...
2022-11-21
css-tricks
站在上风的人衣冠要整洁，位在任上的人言行要谨慎，这才是政治家对天下的责任。——德富芦花 分享一个网站，这个网站有很多css小技巧 https://css-tricks.com/ 比如css实现颗粒噪声 又或是对于console的使用指引，例如console.clear()清除控制台 https://css-tricks.com/a-guide-to-console-commands/
2025-02-07
css循环淡入淡出播放（二）
让自己忙一点，忙到没有时间去思考无关紧要的事，很多事就这样悄悄地淡忘了。时间不一定能证明很多东西，但是一定能看透很多东西。坚信自己的选择，不动摇，使劲跑，明天会更好。——静好 之前在docusaurus实现了css的循环淡入淡出播放，发现效果有一点局限，遂还是用js结合css实现了，目前代码为： 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778import React, {useEffect, useState} from "react";import clsx from "clsx";import styles from './index.module.css';import Layout from "@theme/Layout";l...
2024-07-23
mdn学习web游戏开发
坚持自己的本分，保持沉默，这是对中伤最好的回答。——华盛顿 链接如下： Web 游戏开发简介 - 游戏开发 | MDN 你可以按照教程完成完整的小游戏开发 例如 使用纯 JavaScript 的 2D 闯关游戏 2D breakout game using pure JavaScript - 游戏开发 | MDN 使用 Phaser 开发 2D breakout game 使用 Phaser 开发 2D breakout game - 游戏开发 | MDN 具有设备方向的 2D 迷宫游戏 2D maze game with device orientation - Game development | MDN 以及使用 Phaser 的 2D 平台游戏 HTML5 Games Workshop - Start here
2023-06-07
image-conversion
失之毫厘，差之千里。——佚名 分享一个js图像库： https://github.com/WangYuLue/image-conversion Install12345npm i image-conversion --save# or yarn add image-conversion Include the libraryin browser: 1<script src="https://cdn.jsdelivr.net/gh/WangYuLue/image-conversion/build/conversion.js"></script> in CommonJS: 1const imageConversion = require("image-conversion"); in ES6: 1import * as imageConversion from 'image-conversion'; or 1import {compress, compressAccurat...
阿超
我的名字叫阿超 年龄25岁 家在北京市 职业是软件开发 每天最晚也会在八点前回家 不抽烟 酒浅尝辄止 晚上十二点上床 保证睡足八个小时 睡前写一篇博客 再做二十分钟俯卧撑暖身 然后再睡觉 基本能熟睡到天亮 像婴儿一样不留下任何疲劳和压力 就这样迎来第二天的早晨 健康检查结果也显示我很正常 我想说明我是一个不论何时都追求内心平稳的人 不拘泥于胜负 不纠结于烦恼 不树立使我夜不能寐的敌人 这就是我在这社会的生活态度
Follow Me公告
This is my Blog