All Projects → ihadeed → ionic-parallax

ihadeed / ionic-parallax

Licence: other
Parallax Module for Ionic Framework 2+

Programming Languages

typescript
32286 projects

Projects that are alternatives of or similar to ionic-parallax

ionic-hockeyapp
Need HockeyApp in your Ionic application, add this package!
Stars: ✭ 19 (+90%)
Mutual labels:  ionic, ionic2, ionic-plugin, ionic3
ionic3-image-handling
In this ionic tutorial you will learn how to access the image gallery and take pictures from an ionic app. Also we will show you how to add a image cropper. This ionic tutorial includes a working ionic app example you can reuse for your needs.
Stars: ✭ 35 (+250%)
Mutual labels:  ionic, ionic2, ionic3
ionic-3-video-calling-using-webrtc
This is demo code of how to implement video calling in ionic 3 using webrtc
Stars: ✭ 58 (+480%)
Mutual labels:  ionic, ionic2, ionic3
ionic-uber-clone
Ionic 4 Taxi Booking script
Stars: ✭ 34 (+240%)
Mutual labels:  ionic, ionic2, ionic3
cordova-plugin-today-widget
Add a today widget app extension target to your cordova project.
Stars: ✭ 51 (+410%)
Mutual labels:  ionic, ionic2, ionic3
ionic3-awesome
😃 ionic3自定义组件及常用例子 演示地址
Stars: ✭ 95 (+850%)
Mutual labels:  ionic, ionic2, ionic3
fireblogger
Ionic 2 social media microblogging platform built with firebase 3 as backend
Stars: ✭ 54 (+440%)
Mutual labels:  ionic, ionic2, ionic3
ionic2-PreDB
Simple Ionic 2+ with pre-populated database starter project
Stars: ✭ 14 (+40%)
Mutual labels:  ionic, ionic2, ionic3
ionicfirebasecrud
An example of crud with Firebase and Ionic
Stars: ✭ 15 (+50%)
Mutual labels:  ionic, ionic2, ionic3
ionic-login-component
Free sample of Premium Ionic Login Component
Stars: ✭ 17 (+70%)
Mutual labels:  ionic, ionic-plugin, ionic3
ionicfirebaseauth
Exemplo de alguns tipos de autenticação com Ionic 2 e Firebase
Stars: ✭ 18 (+80%)
Mutual labels:  ionic, ionic2, ionic3
ionic-modal-custom-transitions
Add Custom Transitions to Ionic Modals.
Stars: ✭ 22 (+120%)
Mutual labels:  ionic, ionic2, ionic3
Dianoia-app
Mobile (Ionic 3 - Angular 4) app about non-pharmaceutical activities and information for people with dementia.
Stars: ✭ 13 (+30%)
Mutual labels:  ionic, ionic2, ionic3
ionic-uuchat
基于ionic3,angular4的实时聊天app,兼容web端。该项目只是前端部分,所有数据需要请求后端服务器,需要配套express-uuchat-api使用。
Stars: ✭ 14 (+40%)
Mutual labels:  ionic, ionic2, ionic3
ionic3
This repository contains complete source code for Ionic 3 tutorial from https://ampersandacademy.com/tutorials/ionic-framework-3. I will try many Ionic 3 specific scripts and will write them as separate tutorial. You can follow this repo to get more tested and working script for the Ionic 3.
Stars: ✭ 21 (+110%)
Mutual labels:  ionic, ionic2, ionic3
sm-coal-app
这是一个使用Ionic2开发的集数据展示,交易,交流于一体的APP
Stars: ✭ 21 (+110%)
Mutual labels:  ionic, ionic2, ionic3
Ionic2 Pokedex
🎮 Pokédex sample app developed with Ionic 2, Angular 2 and Apache Cordova. Using Pokéapi as source for data.
Stars: ✭ 143 (+1330%)
Mutual labels:  ionic, ionic2, ionic3
Wooionic3
An eCommerce App for WooCommerce stores using Ionic 3.
Stars: ✭ 208 (+1980%)
Mutual labels:  ionic, ionic2, ionic3
ionic-socialsharing-with-deeplinking-example
Ionic Social Sharing and Deep Linking example app. Complete Ionic Tutorial with free example app! Built for Ionic 3.
Stars: ✭ 16 (+60%)
Mutual labels:  ionic, ionic2, ionic3
todo-list
TodoList using Ionic2/3 & Firebase: * PWA * SSO Google plus. * Share list via QRcode. * Upload image from Camera or Storage. * Speech Recognition.
Stars: ✭ 18 (+80%)
Mutual labels:  ionic, ionic2, ionic3

ionic-parallax

WIP, here's a quick usage example:

npm i --save ionic-parallax
import { ParallaxModule } from 'ionic-parallax';

@NgModule({
  imports: [
    ...
     ParallaxModule
  ]
}) 
<ion-content>
  <ion-card>
     <div parallax [ratio]=50></div>
  </ion-card>
</ion-content>
ion-card {
  position: relative;
   
  > img[parallax] {
    position: absolute;
    height: inherit;
  }
}
Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].