Animated Borders for OBS! Using only a single BROWSER SOURCE! #css #streaming thanks @KevinPowell
17Create your own (very) customizable and duplicatable animated borders for OBS! Using only a SINGLE browser source! I tried to be as friendly as I can to beginners in CSS, but you can check out my primer on OBS and CSS here:
DIY TWITCH CHAT OVERLAY Tutorial for OBS! Do-It-Yourself #obs #twitch #twitchchat
• DIY TWITCH CHAT OVERLAY Tutorial for ...
▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬
== ⚠ ADDITIONAL NOTES ==
If you just need a quick-and-easy solution, visit my GitHub repository to download the HTML file and just customize the CSS in OBS properties!
https://github.com/honganqi/animated-...
▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬
== 🙏THANK YOU ==
Kevin Powell - for amazing CSS stuff! @KevinPowell
OBS - https://obsproject.com
▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬
== 📃SECTIONS ==
00:00 - Intro and credits
00:47 - Shortcut to achievement! Download and customize immediately!
00:58 - Create the base files, initialize HTML file
01:43 - Setting your CSS: Colors and Size
02:46 - CSS Gradients
04:06 - Animation
05:32 - Applying to OBS
06:54 - Bonus! Animated transparent color in border! (sorry, dunno how to word this out)
▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬
== 📺JOIN ME ON ==
Twitch: / honganqi
Discord: https://sidestreamnetwork.net/discord
▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬
== 🙏SUPPORT ==
If you want to send some support, visit https://buymeacoffee.com/honganqi
#obs #css