Picsum, Positioning and Stacking Context
Building this component, we will go through the random image generator in OxyProps using Lorem Picsum API, discuss absolute positioning, and solve stacking context problems. This will be fun !
🎉 Get OxyProps while it is on LTD !
OxyProps: https://oxyprops.com
🔗 Links
Lorem Picsum: https://picsum.photos/
⌚ Timestamps
00:00 - Introduction
00:08 - The target result
00:35 - General Layout
02:00 - Best way to add placeholder images
03:20 - Making persistant your random image with a seed
04:10 - Building a simple card
08:00 - Pre-styled o-btn classes family
10:25 - Position Absolute - Position Relative
12:45 - Stacking context
15:47 - Dealing with overflows
#CSSFramework #OxygenBuilder #OxyProps
___
Come hang out with other OxyProps users ans Oxygen lovers in our Facebook Community
💬 / oxyprops
___
My editor:
VS Code - https://code.visualstudio.com/
My Terminal Enhancements:
OhMyZSH: https://ohmyz.sh/
Powerlevel10k: https://github.com/romkatv/powerlevel10k
___
Find OxyProps on the internet :
Facebook: / oxyprops
Twitter: / oxy_props
___
And don't forget that if you can design it with Oxygen, you can style it with OxyProps!
Смотрите видео Picsum, Positioning and Stacking Context онлайн без регистрации, длительностью часов минут секунд в хорошем качестве. Это видео добавил пользователь OxyProps 14 Октябрь 2022, не забудьте поделиться им ссылкой с друзьями и знакомыми, на нашем сайте его посмотрели 856 раз и оно понравилось 64 людям.