Building an Ionic Parallax Image Effect
HTML-код
- Опубликовано: 1 июл 2024
- By adding the Ionic Parallax image effect to your images, you can tremendously spice up otherwise static and boring pages and create a great UI effect within minutes!
🔥 Learn Ionic faster with the Ionic Academy: ionicacademy.com/
🎉 Get my Practical Ionic Book: devdactic.com/practical-ionic/
#############################
👨💻 Want to read instead of watch?
Here's the full Ionic tutorial: ionicacademy.com/ionic-parall...
😱 NEW: Capacitor Crash Course!
ionicacademy.com/capacitor-cr...
⚡️Take my famous 7 Day Ionic Crash Course
ionicacademy.com/ionic-crash-...
🤷♂️Want more Ionic tutorials?
There you go: devdactic.com/
#############################
❤️You can also find me...
on / simongrimm_
on / schlimmson
on / devdactic
Or join our Facebook group:
/ simonics
############################# - Наука
Thanks a lot for explaining this.!
It's also nice to see directives in action and
get a little info about scheduling of rendering,
and adding event decorators.
Personally, I always welcome some background info,
explaining a bit of the mechanics behind Ionic.
Amazing tutorial..
This was tons of fun. I’m gonna have to figure out how to apply this somewhere. Thanks for sharing such amazing content.
You are so welcome!
🎉 Amazing!! what I have been looking for !! thank you 👍🏻👍🏻
You're welcome!
Thanks for the tutorial. 🥺🤗
You’re welcome 😊
Thanks a lot for the tutorial , surely will gonna try... This is what I have been looking for 😊 Thanks Again ... I really loved your tutorial..
Most welcome 😊
Thanks for the amazing tutorial 🥳...can u pls make a tutorial on shared element transition
Could you please make a tutorial on
collapsible header in MD, mode ???
On iOS when you scroll beyond the viewport (when the image scales), set the CSS property "transform-origin" to "top". Then you can ignore the moveImage while scaling, because the transform scale scales the image not in the center and you dont have to move the image up. Gives in my opinion a better result. (DO NOT FORGET to set this property back to "center" when scrollTop is positive so you dont lose the parallax effect!)
I'll check this out, thanks!
hi, it's not working for me. with this soluion i have a big white view above background image
Would you review Capacitor apps as well if recommended? @simonGrimm
Yes sure!
hey simon please make a video for ionic zip and unzip for password protected file.
cant seem to get my directives working, I am using ionic 4, I have viewed the video 3 times just to ensure I did not get anything wrong.
type is htmldivelement
Anyone who knows how to get capacitor local notification to work every minute or hour?
Could u please make a modal transition with ios appstore (jelly animation ) like animation
I'm actually not sure which exact animation of the store you mean?
@@galaxies_dev can u just click any of the card in the app store please?? Then you can see the transition of the card like shared transition. This transition already there in the framework7.io as card expandable. If you do a animation similar like that it would be a good help for us
@@galaxies_dev and i am a great fan of you and your videos helps me a lot. I have checked all your tutorials for ionic firebase notification with cordova but I couldn’t find😢. If u have any video just pin the like or add in the next video please..and very very thanks for your reply too
Ah yes I see, I've added it to my list, great idea :)
@@galaxies_dev thank you so much for your reply and we all are expecting more videos from you. Great support from us💖💖💖