RMv0YJlLOBe7cY7HgZ3Jox34R0Wrk7jLv3DZyBETA7I=

ZC8pa382rux3/Ya5JYmbaiFDJJqVQfa/ZkKRoDwNIOg=

zRYikcIlbF3Un7C26+4VGO/t8jKwNjjuAdQWLlZECTQ=

/zPeDB00QSmJg02UNPvvY6N+w7bL9XbOTmOZn0UHdA0=

9DmxyyZ8FEsc5DSKm/8DpcDu2e/GCLlCF0UJQCEBuSw=

Pesmw2FSIduSR93sJEVAEAHyJZ4MQP9Pbn1gPgXxcXw=

l+2HpTI8qsEqSoxz6Y8y+po4C4+PakSbBdZ2Wp0L/Zk=

p8RKstqTUsFv0yM8P1EiWUksDkzfBxAw5OAvX/lo29w=

xdTyVT3ZuBSNWCl2NPxJ8eZ0ifhUzatwezSwUElWFy0=

Please read: All I ask is that you Like & Share if you clone it :)

Here is a custom animated slider with really cool animations for 3 slides.
Every part of it is connected to the CMS:

- Video Light Box
- Business Info
- Animated Rotating Text
- Leading Text & Caption
- CTA Button

You can also change the rotating text color for each one in the interactions. Just look for the one that says text-color and you can select any color you want it to transition to. 

I hope you guys have fun with it! 
Enjoy!

Custom Animated Hero Slider - CMS

Smooth and perfect accordion using Javascript (jQuery) plus a thorough video tutorial (new one coming soon!) on how to customize it and copy it into your own existing project!

---------------------

*UPDATED: 03-15-2022
The entire code was redone and now made much simpler for you.  New settings object that allows you to change all the classes, set functional options like anchoring & scroll-to-top for active items, animation speed and more within one place. You don't have to touch any of the "codey" stuff.

You can also use your own icon for the accordion now as well instead of controlling that with CSS like before. Hope you enjoy it!

---------------------

Happy designing! 😉
-Noah

Perfect Accordion

I've been looking at ways to create this exact sticky sidebar as shown on Webflows course pages because I love it so much. Finally I was able to duplicate what's going on here and thought I would share it and make it clone-able for you guys! Anyway, hope this helps you like it has for me! 

Cheers!

Sticky Sidebar w/ Flex

Here is a cloneable project using typed.js to type out strings of text.

UPDATE (Sep. 26, 2019): Text now wraps properly.

Typing Text (Typed.js)

Description

More by Noah Raskin