Скачать с ютуб Looping rotating words effect for headings in Squarespace (7.0, 7.1 CE & 7.1 FE) | Day 7 of 12DOC в хорошем качестве

Looping rotating words effect for headings in Squarespace (7.0, 7.1 CE & 7.1 FE) | Day 7 of 12DOC

I think we can both agree: rotating headings look pretty awesome on a website. The annoying part is creating the actual animation! The good news is that, today, we won’t need to rack our brains creating the code to apply this effect to client sites. There’s an AWESOME PLUGIN out there ready for us to use. And in this tutorial, I’ll be showing you exactly how to implement and tweak it. You can grab the code over here: https://beatrizcaraballo.com/blog/loo... ------------------------------------------------ //12 Days of Christmas series    • 12 Days of Christmas   ----------------------------- //Links mentioned Squarespace rotating words CodePen: https://codepen.io/kenwestphal/pen/xq... ----------------------- //Timestamps 00:00 - Intro 00:48 - Overview of the plugin we'll be using 01:40 - Implementing the plugin as is inside Squarespace 03:52 - Changing the phrases and the type of heading 05:10 - Modifying the CSS styles 08:47 - Modifying CSS styles for mobile devices 11:51 - Wrapping longer phrases into multiple lines 14:03 - Stopping bottom of words from getting cut off 16:15 - Modifying the speed of the looping effect ----------------------- //Helpful links ⇝ Find the code you need amongst hundreds of Squarespace tutorials and snippets: https://beatrizcaraballo.com/codebase ⇝ Receive new Squarespace CSS tricks and exclusive offers on an often-ish basis: https://beatrizcaraballo.com/vip ⇝ Get in touch: https://beatrizcaraballo.com/contact ---------------------------------------------------------------- Music from Uppbeat (free for Creators!): https://uppbeat.io/t/soundroll/cozy-h... License code: FUXEV90F5IPOL0VA