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!
Watch video Can we recreate this very cool animated border effect in Oxygen ? online without registration, duration hours minute second in high quality. This video was added by user OxyProps 12 July 2022, don't forget to share it with your friends and acquaintances, it has been viewed on our site 1,01 once and liked it 6 people.