🌍Image Gallery Flex Panel (Flex Box + JS) LIVE!
⬇️ In this video I 'll show you how to build a modern flex gallery using flexbox and transitions. The JS part is going to be super simple while the emphasis is going to be on the CSS.
Codepen: https://codepen.io/EleftheriaBatsou
Working project: https://codepen.io/EleftheriaBatsou/p...
Images:
1.https://images.unsplash.com/photo-154...
2.https://images.unsplash.com/photo-147...
3.https://images.unsplash.com/photo-150...
4.https://images.unsplash.com/photo-153...
5.https://images.unsplash.com/photo-148...
Inspiration: from Wes in Javascript30.com
Useful links:
Cubic bezier: https://cubic-bezier.com/
CSS transition https://stackoverflow.com/questions/9... and https://www.w3schools.com/css/css3_tr...
CSS selectors: https://techbrij.com/css-selector-adj...
-----------------------
👋Hello, I' m Eleftheria, an app developer, master student, freelancer, public speaker, and chocolate lover.
**************************************
🍪Would you care for buying me a coffee? You can do it here
paypal.me/eleftheriabatsou
but If you can't that's ok too!
**************************************
🤓If you have any question, don't hesitate to ask,
I'll do my best to answer it!
**************************************
🎉Like, share and subscribe are always welcome
Let's stay in touch:
twitter -- / batsouelef
instagram -- / eleftheriab. .
website -- http://eleftheriabatsou.com/
github -- https://github.com/EleftheriaBatsou
codepen -- http://codepen.io/EleftheriaBatsou/