Huge News!Announcing our $40M Series B led by Abstract Ventures.Learn More
Socket
Sign inDemoInstall
Socket

swiper-mods

Package Overview
Dependencies
Maintainers
1
Versions
1
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

swiper-mods

Swiper tweaks and modifications

  • 0.0.1
  • latest
  • Source
  • npm
  • Socket score

Version published
Weekly downloads
3
increased by200%
Maintainers
1
Weekly downloads
 
Created
Source

Swiper Mods

Swiper tweaks and modifications

install size npm bundle size npm downloads Known Vulnerabilities

Table of Contents

About

This package contains tweaks and modifications done to Swiper mostly for my personal use that I decided to publish since it could be useful to others as well.

Installation

$ npm install swiper-mods

Modules

Parallax with Z axis

The default Parallax module supports animating along the X and Y axes but lacks support for the Z axis. This module adds support for the Z Axis.

Usage

Import the Parallax module from swiper-mods/modules instead of swiper/modules:

import { Parallax } from 'swiper-mods/modules';

The rest of the setup process is the same as the default Parallax module.

Changes

This module adds two new attributes:

  • data-swiper-parallax-z-initial: initial Z value in pixels.
  • data-swiper-parallax-z: value in pixels to move the element along the Z axis depending on progress.

⚠️ Percentage values are not supported for the Z axis and will be treated as pixel values (e.g. "20%" works the same as "20").

Demo

Japan Slider

Author

Rashid Shamloo (github.com/rashidshamloo)

License

MIT

Keywords

FAQs

Package last updated on 24 Aug 2023

Did you know?

Socket

Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.

Install

Related posts

SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap
  • Changelog

Packages

npm

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc