Can we recreate this very cool animated border effect in Oxygen ?
Online Tutorials Youtube channels create awesome CSS effects. When he released this very cool animated gradient borders effect, I wanted to check how easy it would be to recreate it in Oxygen using the OxyProps Framework and productivity tools.
Interested? Let's build this together!
🎉 Get OxyProps while it is on LTD !
OxyProps: https://oxyprops.com
🔗 Links
Online Tutorials' video: • Awesome CSS Border Animation | Quick ...
⌚ Timestamps
00:00 - Introduction
00:19 - The target result in Oxygen wih OxyProps
00:40 - Create the container
01:21 - Create the animated parts using pseudo elements
04:23 - Synchronize the elements
04:50 - Create the card inner div
06:03 - Attention to details
07:20 - Look at our result!
#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
Github:
___
And don't forget that if you can design it with Oxygen, you can style it with OxyProps!
Смотрите видео Can we recreate this very cool animated border effect in Oxygen ? онлайн без регистрации, длительностью часов минут секунд в хорошем качестве. Это видео добавил пользователь OxyProps 12 Июль 2022, не забудьте поделиться им ссылкой с друзьями и знакомыми, на нашем сайте его посмотрели 1,019 раз и оно понравилось 65 людям.