📷
CSS-CAMERA
🎥
Demo ·
📄
Document
Add depth to your web page with CSS3 3D transform.
This project is mostly inspired by Keith Clark's work.
✨
Features
- Movable, and Rotatable camera for your scene.
- Can move to in front of any element in your scene, whether it has been rotated or translated.
⚙️
Installation
npm i css-camera
# or
yarn add css-camera
🏃
Quick Start
// Prerequisite:
// Create your scene as you like
const card = document.querySelector("#card");
const cardButton = document.querySelector("#card-button");
// First, make camera
const camera = new CSSCamera("#space");
// Call its method, then update it!
cardButton.onclick = () => {
camera.focus(card);
camera.update(2000);
}
Check more methods on the
⬆️ Bump lodash from 4.17.11 to 4.17.14
Bumps lodash from 4.17.11 to 4.17.14.
Commits
be87d30Bump to v4.17.14.a6fe6b1Rebuild lodash and docs.e371828Bump to v4.17.13.357e899Rebuild lodash and docs.fd9a062Bump to v4.17.12.e77d681Rebuild lodash and docs.629d186Update OpenJS references.2406eacFix minified build.17a34bcFix test bootstrap for core build.53838a3Fix tests in older browsers.Dependabot will resolve any conflicts with this PR as long as you don't alter it yourself. You can also trigger a rebase manually by commenting
@dependabot rebase.Dependabot commands and options
You can trigger Dependabot actions by commenting on this PR:
@dependabot rebasewill rebase this PR@dependabot recreatewill recreate this PR, overwriting any edits that have been made to it@dependabot mergewill merge this PR after your CI passes on it@dependabot squash and mergewill squash and merge this PR after your CI passes on it@dependabot cancel mergewill cancel a previously requested merge and block automerging@dependabot reopenwill reopen this PR if it is closed@dependabot ignore this [patch|minor|major] versionwill close this PR and stop Dependabot creating any more for this minor/major version (unless you reopen the PR or upgrade to it yourself)@dependabot ignore this dependencywill close this PR and stop Dependabot creating any more for this dependency (unless you reopen the PR or upgrade to it yourself)@dependabot use these labelswill set the current labels as the default for future PRs for this repo and language@dependabot use these reviewerswill set the current reviewers as the default for future PRs for this repo and language@dependabot use these assigneeswill set the current assignees as the default for future PRs for this repo and language@dependabot use this milestonewill set the current milestone as the default for future PRs for this repo and languageYou can disable automated security fix PRs for this repo from the Security Alerts page.