Custom Animated Buttons with CSS Transforms in Oxygen

[@hadiya2179]

No coding no CSS. What else you can ask more. The best and lightest page builder ever. Oxygen is the best. Forget the rest.👏👏👏

[@DarrenRobinson777]

Maaaan. Everytime I watch one of your videos I'm blown away. So glad I purchased Oxygen Builder to use. There are so many features that it blows my mind. Thank you!!!

[@jlisszrii]

Getting this to work on the smaller screen sizes is much tougher, and would love some tutorials to go into the responsive aspect to these awesome tutorials

[@malcfinch9588]

To fix the responsive layout you can put each of the link wrappers in a div. Basically goes Section>Div>Link Wrapper. Div>Link Wrapper. Div>Link Wrapper. End Section

[@SeannWiliamScott]

Wow, this has to be one of the most amazing and cool things I've seen made possible with CSS/Oxygen. Nice videos, mate!

[@bbunlock]

love using oxygen, keep up the great work

[@YasienSarlie]

Awesome. I just did this. Was super easy to follow along

[@miketaiwanwalkcity6355]

Very cool I did it in Oxygen 3.3 and it still works

[@StratosGreekTutorials]

Ok. This video blue my mind. Great example of what you can do with a great page builder when you think "out of the box"

[@TeacherBee]

tried it and it's awesome! I was wondering I could scale down the link wrapper. Thanks!

[@alexfurer]

Great one! Thank you! Would it be possible to make this responsive? I know there's no hover state on mobile, but just make it scale to the screen width? Tapping on the hexagons should still follow the links.

[@theunbiasedreviewguy8856]

This is awesome. Shows the power of Oxygen!

[@baguswidyanto7006]

can we change icon when hover?

[@pjcannon64]

So am I missing something here? Using the latest version of Oxygen (3.8) I can get the hover transition and everything else to work with the spinning, etc. However, there's something missing here on the "mouse out" status, as it does not spin back the other way to its original state?!?!?!?!?!

[@papisd.6336]

Well damn, this pretty awesome

[@zangzang99]

Please @oxygen allow use of REM or EM for icon size.

[@AmandaLucaseu]

Love the video Louis. Would be sooo great if you might consider doing one on SVG shape dividers - been really fighting trying to get it working. I’m talking about image backgrounds with a curved bottom shape, sections with curved top and bottom shapes etc. .... here’s hoping 🤞 #oxygenrocks

[@abyltech]

I found this tutorial via the Oxygen forums and it helped a lot, hope it helps in the meantime! oxygen4fun.supadezign.com/tutorials/how-to-add-a-shape-divider/

[@AlexGarcia-vx6zg]

Pretty cool, thank you!

[@frankdamienzoe]

Nice video. Please make more advanced videos like this one. If possible, explain a tiny bit more the how and why you think, in other words, your "process" for want of a better word, whilst creating and designing. Anyway, very good, thanks!

[@ChrisPietrucha]

Impressive possibles! I am a step away from buying. ;)

[@nssdesigns]

Excellent: I guess you could of used an icon as the background and absolute spacing to put content in the icon?

[@OxygenBuilder]

Or you could do it properly like we showed in the video. ;)

[@nssdesigns]

@@OxygenBuilder I was thinking of complicated icons but yeah

[@birdbrainsolutions6112]

Till 9:30ish only one box was rotating, then at around 9:40 multiple boxes are rotating? Is there a specific setting to rotate more than one box at once that you forgot to include in the video? I wish I could upvote this video more than once :)

[@dawidchaber2241]

Birdbrain Solutions hey, late answer, but he just changed state to oryginal at the class applied to all buttons

[@IvanJuras]

Amazing!

[@romanmohar7981]

Whoa! Thumbs up!