Joe Meeks JoeMeeks
JoeMeeks
/ transitions.scss
Last active
March 9, 2018 18:17
Custom Ionic 2 & 3 Page Flip Effect Transition
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| @-webkit-keyframes flip-leave-prev { | |
| 0% { -webkit-transform: perspective(120px) rotateY(0deg); opacity: 1; } | |
| 50% { -webkit-transform: perspective(120px) rotateY(90deg); opacity: 0; } | |
| 100% { -webkit-transform: perspective(120px) rotateY(180deg); opacity: 0; } | |
| } | |
| @keyframes flip-leave-prev { | |
| 0% { transform: perspective(120px) rotateY(0deg); opacity: 1; } | |
| 50% { transform: perspective(120px) rotateY(90deg); opacity: 0; } | |
| 100% { transform: perspective(120px) rotateY(180deg); opacity: 0; } | |
| } |
JoeMeeks
/ InputMask.html
Last active
October 25, 2020 13:44
Custom Ionic 2 & 3 Input Mask Directive
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <ion-input type="tel" pattern="\d*" placeholder="(xxx) xxx-xxxx" mask="(***) ***-****" [(ngModel)]="phone" name="phone"></ion-input> | |
| <ion-input type="tel" pattern="\d*" placeholder="xxx-xx-xxxx" mask="***-**-****" [(ngModel)]="ssn" name="ssn"></ion-input> |