{"id":6543,"date":"2024-04-14T15:37:27","date_gmt":"2024-04-14T07:37:27","guid":{"rendered":"https:\/\/webflow.tenten.co\/?p=6543"},"modified":"2024-04-14T15:37:27","modified_gmt":"2024-04-14T07:37:27","slug":"introduction-to-engagements","status":"publish","type":"post","link":"https:\/\/webflow.tenten.co\/en\/introduction-to-engagements\/","title":{"rendered":"Introduction to Engagements"},"content":{"rendered":"\n
\n

Throughout the various periods, the internet and digital gadgets have evolved to be receptive and potent. As creators and programmers, we have the opportunity to utilize resources that enable us to construct intricate interactions and remarkable animations.<\/p>\n

\n
<\/div>
An illustration of animation displaying the Hero title’s skew modification during page loading.<\/figcaption><\/figure>\n

Typically, these resources are frequently fashioned with highly specified JavaScript libraries, demanding tools and plugins complete with disagreements, peculiarities, and challenging code-oriented learning curves.<\/p>\n

Within the Webflow Designer, we have the ability to access all the tools necessary to handle this content with exceedingly detailed management \u2014 by creating interactions graphically<\/em><\/a>.<\/p>\n

Witness some impressive instances<\/a>. Notice:<\/strong> This content showcases flickering lights and animations that may impact individuals with visual sensitivities.<\/p>\n

\n
<\/div>
The Element trigger menu is expanded in the Interactions panel.<\/figcaption><\/figure>\n
\n
<\/div>
The Page trigger menu is expanded in the Interactions panel.<\/figcaption><\/figure>\n

What defines an engagement?<\/h2>\n

Interactions empower us to design around 2 robust entities: stimuli <\/strong>and animations<\/strong> (e.g., if this<\/strong> occurs then that<\/strong> unfolds).<\/p>\n

A stimulus <\/strong>(e.g., a tap, scroll, hover, cursor movement, page load, etc.) triggers an animation<\/strong> (what transpires on that stimulus).<\/p>\n

\n
\"Icons<\/div>\n<\/figure>\n

Having such precise authority, we can enforce timed animations, scroll animations, and location-based cursor animations in whichever<\/em> manner we prefer, granting us the capability to fabricate everything<\/em> we desire.<\/p>\n

Commence by discovering further about stimuli and animations.<\/p>\n<\/div>\n","protected":false},"excerpt":{"rendered":"Use interactions to make your site more dynamic and engaging.","protected":false},"author":2,"featured_media":6544,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"om_disable_all_campaigns":false,"inline_featured_image":false,"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"csco_display_header_overlay":false,"csco_singular_sidebar":"","csco_page_header_type":"","footnotes":""},"categories":[301],"tags":[],"class_list":{"0":"post-6543","1":"post","2":"type-post","3":"status-publish","4":"format-standard","5":"has-post-thumbnail","7":"category-interactions-animations","8":"cs-entry"},"acf":[],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/webflow.tenten.co\/en\/wp-json\/wp\/v2\/posts\/6543","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/webflow.tenten.co\/en\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/webflow.tenten.co\/en\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/webflow.tenten.co\/en\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/webflow.tenten.co\/en\/wp-json\/wp\/v2\/comments?post=6543"}],"version-history":[{"count":0,"href":"https:\/\/webflow.tenten.co\/en\/wp-json\/wp\/v2\/posts\/6543\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/webflow.tenten.co\/en\/wp-json\/wp\/v2\/media\/6544"}],"wp:attachment":[{"href":"https:\/\/webflow.tenten.co\/en\/wp-json\/wp\/v2\/media?parent=6543"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/webflow.tenten.co\/en\/wp-json\/wp\/v2\/categories?post=6543"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/webflow.tenten.co\/en\/wp-json\/wp\/v2\/tags?post=6543"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}