{"id":11643,"date":"2022-09-13T21:07:16","date_gmt":"2022-09-13T21:07:16","guid":{"rendered":"https:\/\/themenectar.com\/salient\/?page_id=11643"},"modified":"2023-06-08T02:01:57","modified_gmt":"2023-06-08T02:01:57","slug":"scribble-animation","status":"publish","type":"page","link":"https:\/\/themenectar.com\/salient\/elements\/scribble-animation\/","title":{"rendered":"Scribble Animation"},"content":{"rendered":"[vc_row type=&#8221;full_width_content&#8221; full_screen_row_position=&#8221;middle&#8221; column_margin=&#8221;custom&#8221; column_margin_custom=&#8221;10%&#8221; equal_height=&#8221;yes&#8221; content_placement=&#8221;middle&#8221; column_direction=&#8221;default&#8221; column_direction_tablet=&#8221;default&#8221; column_direction_phone=&#8221;default&#8221; bg_color=&#8221;#ffffff&#8221; scene_position=&#8221;center&#8221; top_padding=&#8221;7%&#8221; bottom_padding=&#8221;11%&#8221; left_padding_desktop=&#8221;12%&#8221; constrain_group_2=&#8221;yes&#8221; right_padding_desktop=&#8221;12%&#8221; text_color=&#8221;dark&#8221; text_align=&#8221;left&#8221; row_border_radius=&#8221;none&#8221; row_border_radius_applies=&#8221;bg&#8221; overflow=&#8221;visible&#8221; overlay_strength=&#8221;0.3&#8243; gradient_direction=&#8221;left_to_right&#8221; enable_shape_divider=&#8221;true&#8221; shape_divider_color=&#8221;#d3d3d3&#8243; shape_divider_position=&#8221;bottom&#8221; shape_divider_height=&#8221;1&#8243; bg_image_animation=&#8221;none&#8221; shape_type=&#8221;straight_section&#8221; gradient_type=&#8221;default&#8221;][vc_column column_padding=&#8221;no-extra-padding&#8221; column_padding_tablet=&#8221;inherit&#8221; column_padding_phone=&#8221;inherit&#8221; column_padding_position=&#8221;all&#8221; column_element_direction_desktop=&#8221;default&#8221; column_element_spacing=&#8221;default&#8221; desktop_text_alignment=&#8221;default&#8221; tablet_text_alignment=&#8221;default&#8221; phone_text_alignment=&#8221;default&#8221; background_color_opacity=&#8221;1&#8243; background_hover_color_opacity=&#8221;1&#8243; column_backdrop_filter=&#8221;none&#8221; column_shadow=&#8221;none&#8221; column_border_radius=&#8221;none&#8221; column_link_target=&#8221;_self&#8221; column_position=&#8221;default&#8221; gradient_direction=&#8221;left_to_right&#8221; overlay_strength=&#8221;0.3&#8243; width=&#8221;1\/2&#8243; tablet_width_inherit=&#8221;default&#8221; animation_type=&#8221;default&#8221; enable_animation=&#8221;true&#8221; animation=&#8221;slight-fade-in-from-bottom&#8221; mobile_disable_entrance_animation=&#8221;true&#8221; animation_easing=&#8221;default&#8221; bg_image_animation=&#8221;none&#8221; border_type=&#8221;simple&#8221; column_border_width=&#8221;none&#8221; column_border_style=&#8221;solid&#8221; column_padding_type=&#8221;default&#8221; gradient_type=&#8221;default&#8221;][nectar_highlighted_text scribble_color=&#8221;#000000&#8243; scribble_text_highlight=&#8221;true&#8221; style=&#8221;scribble&#8221; scribble_shape=&#8221;basic-underline&#8221; scribble_thickness=&#8221;regular&#8221; scribble_speed=&#8221;1.3s&#8221; scribble_easing=&#8221;ease_in_out&#8221; custom_font_size=&#8221;4vw&#8221; font_line_height=&#8221;1.3&#8243;]\n<h2><em>Hand-drawn<\/em> scribble animation<\/h2>\n[\/nectar_highlighted_text][vc_column_text css=&#8221;.vc_custom_1663106155860{margin-top: 0px !important;margin-bottom: 30px !important;}&#8221; max_width=&#8221;675&#8243;]\n<p style=\"text-align: left;\">Get the complex look of a hand-drawn scribble SVG animation with ease. The animation effect is offered in numerous organic scribble styles with a simple interface to control coloring, sizing, and typography.<\/p>\n[\/vc_column_text][nectar_cta btn_style=&#8221;text-reveal-wave&#8221; heading_tag=&#8221;h5&#8243; button_color=&#8221;accent-color&#8221; text_color=&#8221;#ffffff&#8221; button_border_thickness=&#8221;0px&#8221; link_type=&#8221;regular&#8221; alignment=&#8221;left&#8221; alignment_tablet=&#8221;default&#8221; alignment_phone=&#8221;default&#8221; constrain_group_3=&#8221;yes&#8221; constrain_group_4=&#8221;yes&#8221; display=&#8221;block&#8221; display_tablet=&#8221;inherit&#8221; display_phone=&#8221;inherit&#8221; icon_family=&#8221;none&#8221; link_text=&#8221;View scribble styles&#8221; padding_top=&#8221;1.2em&#8221; padding_bottom=&#8221;1.2em&#8221; padding_left=&#8221;2.5em&#8221; padding_right=&#8221;2.5em&#8221; margin_top=&#8221;1em&#8221; url=&#8221;#styles&#8221;][\/vc_column][vc_column column_padding=&#8221;no-extra-padding&#8221; column_padding_tablet=&#8221;inherit&#8221; column_padding_phone=&#8221;inherit&#8221; column_padding_position=&#8221;all&#8221; top_margin_tablet=&#8221;15%&#8221; column_element_direction_desktop=&#8221;default&#8221; column_element_spacing=&#8221;default&#8221; desktop_text_alignment=&#8221;default&#8221; tablet_text_alignment=&#8221;default&#8221; phone_text_alignment=&#8221;default&#8221; background_color_opacity=&#8221;1&#8243; background_hover_color_opacity=&#8221;1&#8243; background_image=&#8221;11712&#8243; background_image_position=&#8221;center center&#8221; background_image_stacking=&#8221;default&#8221; enable_bg_scale=&#8221;true&#8221; background_image_loading=&#8221;skip-lazy-load&#8221; column_backdrop_filter=&#8221;none&#8221; column_shadow=&#8221;none&#8221; column_border_radius=&#8221;10px&#8221; column_link_target=&#8221;_self&#8221; column_position=&#8221;default&#8221; gradient_direction=&#8221;left_to_right&#8221; overlay_strength=&#8221;0.3&#8243; width=&#8221;1\/2&#8243; tablet_width_inherit=&#8221;default&#8221; animation_type=&#8221;default&#8221; enable_animation=&#8221;true&#8221; animation=&#8221;slight-fade-in-from-bottom&#8221; mobile_disable_entrance_animation=&#8221;true&#8221; animation_easing=&#8221;default&#8221; bg_image_animation=&#8221;none&#8221; parallax_bg=&#8221;true&#8221; parallax_bg_speed=&#8221;very_subtle&#8221; border_type=&#8221;simple&#8221; column_border_width=&#8221;none&#8221; column_border_style=&#8221;solid&#8221; column_padding_type=&#8221;default&#8221; gradient_type=&#8221;default&#8221; delay=&#8221;200&#8243;][divider line_type=&#8221;No Line&#8221; custom_height=&#8221;40vh&#8221;][image_with_animation image_url=&#8221;11717&#8243; image_size=&#8221;full&#8221; animation_type=&#8221;entrance&#8221; animation=&#8221;None&#8221; animation_movement_type=&#8221;transform_y&#8221; hover_animation=&#8221;none&#8221; alignment=&#8221;right&#8221; border_radius=&#8221;10px&#8221; box_shadow=&#8221;x_large_depth&#8221; image_loading=&#8221;skip-lazy-load&#8221; max_width=&#8221;custom&#8221; position_desktop=&#8221;absolute&#8221; bottom_position_desktop=&#8221;30&#8243; right_position_desktop=&#8221;30&#8243; max_width_custom=&#8221;40%&#8221;][\/vc_column][\/vc_row][vc_row type=&#8221;full_width_background&#8221; full_screen_row_position=&#8221;middle&#8221; column_margin=&#8221;default&#8221; column_direction=&#8221;default&#8221; column_direction_tablet=&#8221;default&#8221; column_direction_phone=&#8221;default&#8221; scene_position=&#8221;center&#8221; text_color=&#8221;dark&#8221; text_align=&#8221;left&#8221; row_border_radius=&#8221;none&#8221; row_border_radius_applies=&#8221;bg&#8221; overflow=&#8221;visible&#8221; overlay_strength=&#8221;0.3&#8243; gradient_direction=&#8221;left_to_right&#8221; shape_divider_position=&#8221;bottom&#8221; bg_image_animation=&#8221;none&#8221; gradient_type=&#8221;default&#8221; shape_type=&#8221;&#8221;][vc_column column_padding=&#8221;no-extra-padding&#8221; column_padding_tablet=&#8221;inherit&#8221; column_padding_phone=&#8221;inherit&#8221; column_padding_position=&#8221;all&#8221; column_element_direction_desktop=&#8221;default&#8221; column_element_spacing=&#8221;default&#8221; desktop_text_alignment=&#8221;default&#8221; tablet_text_alignment=&#8221;default&#8221; phone_text_alignment=&#8221;default&#8221; background_color_opacity=&#8221;1&#8243; background_hover_color_opacity=&#8221;1&#8243; column_backdrop_filter=&#8221;none&#8221; column_shadow=&#8221;none&#8221; column_border_radius=&#8221;none&#8221; column_link_target=&#8221;_self&#8221; column_position=&#8221;default&#8221; gradient_direction=&#8221;left_to_right&#8221; overlay_strength=&#8221;0.3&#8243; width=&#8221;1\/1&#8243; tablet_width_inherit=&#8221;default&#8221; animation_type=&#8221;default&#8221; bg_image_animation=&#8221;none&#8221; border_type=&#8221;simple&#8221; column_border_width=&#8221;none&#8221; column_border_style=&#8221;solid&#8221;][\/vc_column][\/vc_row][vc_row type=&#8221;full_width_content&#8221; full_screen_row_position=&#8221;middle&#8221; column_margin=&#8221;default&#8221; column_direction=&#8221;default&#8221; column_direction_tablet=&#8221;default&#8221; column_direction_phone=&#8221;default&#8221; scene_position=&#8221;center&#8221; top_padding=&#8221;10%&#8221; bottom_padding=&#8221;13%&#8221; left_padding_desktop=&#8221;12%&#8221; constrain_group_2=&#8221;yes&#8221; right_padding_desktop=&#8221;12%&#8221; top_padding_tablet=&#8221;20%&#8221; constrain_group_3=&#8221;yes&#8221; bottom_padding_tablet=&#8221;20%&#8221; top_padding_phone=&#8221;25%&#8221; constrain_group_5=&#8221;yes&#8221; bottom_padding_phone=&#8221;25%&#8221; text_color=&#8221;dark&#8221; text_align=&#8221;left&#8221; row_border_radius=&#8221;none&#8221; row_border_radius_applies=&#8221;bg&#8221; overflow=&#8221;visible&#8221; id=&#8221;styles&#8221; overlay_strength=&#8221;0.3&#8243; gradient_direction=&#8221;left_to_right&#8221; shape_divider_position=&#8221;bottom&#8221; bg_image_animation=&#8221;none&#8221; gradient_type=&#8221;default&#8221; shape_type=&#8221;&#8221;][vc_column column_padding=&#8221;no-extra-padding&#8221; column_padding_tablet=&#8221;inherit&#8221; column_padding_phone=&#8221;inherit&#8221; column_padding_position=&#8221;all&#8221; column_element_direction_desktop=&#8221;default&#8221; column_element_spacing=&#8221;default&#8221; desktop_text_alignment=&#8221;default&#8221; tablet_text_alignment=&#8221;default&#8221; phone_text_alignment=&#8221;default&#8221; background_color_opacity=&#8221;1&#8243; background_hover_color_opacity=&#8221;1&#8243; column_backdrop_filter=&#8221;none&#8221; column_shadow=&#8221;none&#8221; column_border_radius=&#8221;none&#8221; column_link_target=&#8221;_self&#8221; column_position=&#8221;default&#8221; gradient_direction=&#8221;left_to_right&#8221; overlay_strength=&#8221;0.3&#8243; width=&#8221;1\/1&#8243; tablet_width_inherit=&#8221;default&#8221; animation_type=&#8221;default&#8221; bg_image_animation=&#8221;none&#8221; border_type=&#8221;simple&#8221; column_border_width=&#8221;none&#8221; column_border_style=&#8221;solid&#8221;][tabbed_section style=&#8221;vertical_scrolling&#8221; tab_color=&#8221;Extra-Color-3&#8243; vs_navigation_func=&#8221;default&#8221; vs_navigation_width=&#8221;regular&#8221; vs_navigation_spacing=&#8221;15px&#8221; vs_navigation_mobile_display=&#8221;visible&#8221; vs_tab_spacing=&#8221;50%&#8221; vs_tab_tag=&#8221;h4&#8243; vs_cta_style=&#8221;see-through&#8221; vs_cta_bg_color=&#8221;default&#8221; vs_cta_heading_tag=&#8221;h6&#8243; vs_sticky_aspect=&#8221;default&#8221;][tab icon_family=&#8221;none&#8221; title=&#8221;Squiggle Stacked&#8221; id=&#8221;1686189709038-8&#8243; tab_id=&#8221;1686189709039-8&#8243;][nectar_highlighted_text scribble_color=&#8221;#f9bd22&#8243; style=&#8221;scribble&#8221; scribble_shape=&#8221;squiggle-underline-2&#8243; scribble_thickness=&#8221;thick&#8221; scribble_speed=&#8221;1.3s&#8221; scribble_easing=&#8221;ease_in_out&#8221; custom_font_size=&#8221;4vw&#8221; font_line_height=&#8221;1.3&#8243;]\n<h2>Add unique design elements to your <em>content.<\/em><\/h2>\n[\/nectar_highlighted_text][\/tab][tab icon_family=&#8221;none&#8221; title=&#8221;Basic Underline&#8221; id=&#8221;1686189709052-7&#8243; tab_id=&#8221;1686189709052-5&#8243;][nectar_highlighted_text scribble_color=&#8221;#213eff&#8221; style=&#8221;scribble&#8221; scribble_shape=&#8221;basic-underline&#8221; scribble_thickness=&#8221;thick&#8221; scribble_speed=&#8221;1.3s&#8221; scribble_easing=&#8221;ease_in_out&#8221; custom_font_size=&#8221;4vw&#8221; font_line_height=&#8221;1.3&#8243;]\n<h2>Professional results without any coding <em>required<\/em>.<\/h2>\n[\/nectar_highlighted_text][\/tab][tab icon_family=&#8221;none&#8221; title=&#8221;Loose Circle&#8221; id=&#8221;1686189709062-1&#8243; tab_id=&#8221;1686189709062-8&#8243;][vc_row_inner column_margin=&#8221;default&#8221; column_direction=&#8221;default&#8221; column_direction_tablet=&#8221;default&#8221; column_direction_phone=&#8221;default&#8221; right_padding_desktop=&#8221;10%&#8221; text_align=&#8221;left&#8221; row_position=&#8221;default&#8221; row_position_tablet=&#8221;inherit&#8221; row_position_phone=&#8221;inherit&#8221; overflow=&#8221;visible&#8221; pointer_events=&#8221;all&#8221;][vc_column_inner column_padding=&#8221;no-extra-padding&#8221; column_padding_tablet=&#8221;inherit&#8221; column_padding_phone=&#8221;inherit&#8221; column_padding_position=&#8221;all&#8221; column_element_direction_desktop=&#8221;default&#8221; column_element_spacing=&#8221;default&#8221; desktop_text_alignment=&#8221;default&#8221; tablet_text_alignment=&#8221;default&#8221; phone_text_alignment=&#8221;default&#8221; background_color_opacity=&#8221;1&#8243; background_hover_color_opacity=&#8221;1&#8243; column_backdrop_filter=&#8221;none&#8221; column_shadow=&#8221;none&#8221; column_border_radius=&#8221;none&#8221; column_link_target=&#8221;_self&#8221; overflow=&#8221;visible&#8221; gradient_direction=&#8221;left_to_right&#8221; overlay_strength=&#8221;0.3&#8243; width=&#8221;1\/1&#8243; tablet_width_inherit=&#8221;default&#8221; animation_type=&#8221;default&#8221; bg_image_animation=&#8221;none&#8221; border_type=&#8221;simple&#8221; column_border_width=&#8221;none&#8221; column_border_style=&#8221;solid&#8221;][nectar_highlighted_text scribble_color=&#8221;#f9bd22&#8243; style=&#8221;scribble&#8221; scribble_thickness=&#8221;thick&#8221; scribble_speed=&#8221;1.3s&#8221; scribble_easing=&#8221;ease_in_out&#8221; custom_font_size=&#8221;4vw&#8221; font_line_height=&#8221;1.3&#8243;]\n<h2>Design held to the highest standards for aesthetic <em>quality<\/em>.<\/h2>\n[\/nectar_highlighted_text][\/vc_column_inner][\/vc_row_inner][\/tab][tab icon_family=&#8221;none&#8221; title=&#8221;Squiggle Underline&#8221; id=&#8221;1686189709078-8&#8243; tab_id=&#8221;1686189709079-10&#8243;][nectar_highlighted_text scribble_color=&#8221;#213eff&#8221; style=&#8221;scribble&#8221; scribble_shape=&#8221;squiggle-underline&#8221; scribble_thickness=&#8221;thick&#8221; scribble_speed=&#8221;1.3s&#8221; scribble_easing=&#8221;ease_in_out&#8221; custom_font_size=&#8221;4vw&#8221; font_line_height=&#8221;1.3&#8243;]\n<h2>Salient can easily captivate any web <em>audience.<\/em><\/h2>\n[\/nectar_highlighted_text][\/tab][tab icon_family=&#8221;none&#8221; title=&#8221;Sketch Underline&#8221; id=&#8221;1686189709088-7&#8243; tab_id=&#8221;1686189709088-6&#8243;][nectar_highlighted_text scribble_color=&#8221;#f9bd22&#8243; style=&#8221;scribble&#8221; scribble_shape=&#8221;sketch-underline&#8221; scribble_thickness=&#8221;thick&#8221; scribble_speed=&#8221;1.3s&#8221; scribble_easing=&#8221;ease_in_out&#8221; custom_font_size=&#8221;4vw&#8221; font_line_height=&#8221;1.3&#8243;]\n<h2>Gain brand <em>authority<\/em> by standing out from your competition.<\/h2>\n[\/nectar_highlighted_text][\/tab][\/tabbed_section][\/vc_column][\/vc_row]\n","protected":false},"excerpt":{"rendered":"<p>[vc_row type=&#8221;full_width_content&#8221; full_screen_row_position=&#8221;middle&#8221; column_margin=&#8221;custom&#8221; column_margin_custom=&#8221;10%&#8221; equal_height=&#8221;yes&#8221; content_placement=&#8221;middle&#8221; column_direction=&#8221;default&#8221; column_direction_tablet=&#8221;default&#8221; column_direction_phone=&#8221;default&#8221; bg_color=&#8221;#ffffff&#8221; scene_position=&#8221;center&#8221; top_padding=&#8221;7%&#8221; bottom_padding=&#8221;11%&#8221; left_padding_desktop=&#8221;12%&#8221; constrain_group_2=&#8221;yes&#8221; right_padding_desktop=&#8221;12%&#8221; text_color=&#8221;dark&#8221; text_align=&#8221;left&#8221; row_border_radius=&#8221;none&#8221; row_border_radius_applies=&#8221;bg&#8221; overflow=&#8221;visible&#8221; overlay_strength=&#8221;0.3&#8243; gradient_direction=&#8221;left_to_right&#8221; enable_shape_divider=&#8221;true&#8221; shape_divider_color=&#8221;#d3d3d3&#8243; shape_divider_position=&#8221;bottom&#8221; shape_divider_height=&#8221;1&#8243; bg_image_animation=&#8221;none&#8221; shape_type=&#8221;straight_section&#8221;&#8230;<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":11783,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"_links":{"self":[{"href":"https:\/\/themenectar.com\/salient\/wp-json\/wp\/v2\/pages\/11643"}],"collection":[{"href":"https:\/\/themenectar.com\/salient\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/themenectar.com\/salient\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/themenectar.com\/salient\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/themenectar.com\/salient\/wp-json\/wp\/v2\/comments?post=11643"}],"version-history":[{"count":69,"href":"https:\/\/themenectar.com\/salient\/wp-json\/wp\/v2\/pages\/11643\/revisions"}],"predecessor-version":[{"id":12342,"href":"https:\/\/themenectar.com\/salient\/wp-json\/wp\/v2\/pages\/11643\/revisions\/12342"}],"up":[{"embeddable":true,"href":"https:\/\/themenectar.com\/salient\/wp-json\/wp\/v2\/pages\/11783"}],"wp:attachment":[{"href":"https:\/\/themenectar.com\/salient\/wp-json\/wp\/v2\/media?parent=11643"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}