Wing Chun Portal Nacional

Tooltips & Popovers

[vc_row inner_container=”yes” text_align=”center” section_type=”main” bg_position=”top” bg_repeat=”no-repeat” bg_cover=”true” bg_attachment=”false” parallax_speed=”0.1″ padding_top=”40″ padding_bottom=”0″ min_height=”0″ border=”none” css_animation=”right-to-left”][vc_column width=”1/1″][vc_column_text css_animation=”right-to-left”]

TOOLTIPS & POPOVERS

[/vc_column_text][vc_column_text lead=”yes” css_animation=”right-to-left”]We hand pick the best services from our extensive design and development toolkit to create amazing tooltips and popovers with great options.[/vc_column_text][/vc_column][/vc_row][vc_row inner_container=”yes” section_type=”main” bg_position=”top” bg_repeat=”no-repeat” bg_cover=”true” bg_attachment=”false” parallax_speed=”0.1″ padding_top=”80″ padding_bottom=”80″ min_height=”0″ border=”none” css_animation=”right-to-left” text_align=”center”][vc_column width=”1/1″][vc_row_inner][vc_column_inner width=”1/1″]

Tooltips attached to buttons
[/vc_column_inner][/vc_row_inner][vc_row_inner][vc_column_inner width=”1/4″]Tooltip on right[/vc_column_inner][vc_column_inner width=”1/4″]Tooltip on top[/vc_column_inner][vc_column_inner width=”1/4″]Tooltip on hover[/vc_column_inner][vc_column_inner width=”1/4″]Tooltip on left[/vc_column_inner][/vc_row_inner][/vc_column][/vc_row][vc_row inner_container=”yes” section_type=”main” bg_position=”top” bg_repeat=”no-repeat” bg_cover=”true” bg_attachment=”false” parallax_speed=”0.1″ padding_top=”80″ padding_bottom=”80″ min_height=”0″ border=”none” css_animation=”right-to-left” text_align=”center”][vc_column width=”1/1″][vc_row_inner][vc_column_inner width=”1/1″]
Tooltips attached to pins & icons
[/vc_column_inner][/vc_row_inner][vc_row_inner][vc_column_inner width=”1/4″][kleo_pin type=”circle” icon=”doc” tooltip=”tooltip” tooltip_position=”right” tooltip_title=”Tooltips are great for short infos” tooltip_action=”hover” css_animation=”el-appear” animation=”animate-when-almost-visible” top=”20px” right=”30px”][vc_single_image image=”471″ img_link_target=”_self” css_animation=”right-to-left” img_size=”full”][/vc_column_inner][vc_column_inner width=”1/4″][kleo_pin type=”circle” tooltip=”tooltip” tooltip_position=”top” tooltip_title=”Tooltips are great for short infos” tooltip_action=”hover” css_animation=”pulsate” animation=”animate-when-almost-visible” top=”20px” right=”30px”][vc_single_image image=”471″ img_link_target=”_self” css_animation=”right-to-left” img_size=”full”][/vc_column_inner][vc_column_inner width=”1/4″] [vc_column_text css_animation=”right-to-left”]Attached to an icon[/vc_column_text][/vc_column_inner][vc_column_inner width=”1/4″] [vc_column_text css_animation=”right-to-left”]Attached to an icon[/vc_column_text][/vc_column_inner][/vc_row_inner][/vc_column][/vc_row][vc_row inner_container=”yes” section_type=”main” bg_position=”top” bg_repeat=”no-repeat” bg_cover=”true” bg_attachment=”false” parallax_speed=”0.1″ padding_top=”80″ padding_bottom=”80″ min_height=”0″ border=”none” css_animation=”right-to-left” text_align=”center”][vc_column width=”1/1″][vc_row_inner][vc_column_inner width=”1/1″]
Popovers attached to buttons
[/vc_column_inner][/vc_row_inner][vc_row_inner][vc_column_inner width=”1/4″]Popover on right[/vc_column_inner][vc_column_inner width=”1/4″]Popover on top[/vc_column_inner][vc_column_inner width=”1/4″]Popover on hover[/vc_column_inner][vc_column_inner width=”1/4″]Popover on click[/vc_column_inner][/vc_row_inner][/vc_column][/vc_row][vc_row inner_container=”yes” section_type=”alternate” bg_position=”top” bg_repeat=”no-repeat” bg_cover=”true” bg_attachment=”false” parallax_speed=”0.1″ padding_top=”80″ padding_bottom=”80″ min_height=”0″ border=”none” css_animation=”right-to-left” text_align=”center”][vc_column width=”1/1″][vc_row_inner][vc_column_inner width=”1/1″]
Popovers attached to pins & icons
[/vc_column_inner][/vc_row_inner][vc_row_inner][vc_column_inner width=”1/4″][kleo_pin type=”circle” icon=”doc” tooltip=”popover” tooltip_position=”right” tooltip_title=”Popovers are great for additional infos” tooltip_action=”hover” css_animation=”el-appear” animation=”animate-when-almost-visible” tooltip_text=”Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry’s standard dummy text ever since the 1500s” top=”20px” right=”30px”][vc_single_image image=”471″ img_link_target=”_self” css_animation=”right-to-left” img_size=”full”][/vc_column_inner][vc_column_inner width=”1/4″][kleo_pin type=”circle” tooltip=”popover” tooltip_position=”top” tooltip_title=”Popover title” tooltip_action=”hover” css_animation=”pulsate” animation=”animate-when-almost-visible” tooltip_text=”Lorem Ipsum is simply dummy text of the printing and typesetting industry” top=”20px” right=”30px”][vc_single_image image=”471″ img_link_target=”_self” css_animation=”right-to-left” img_size=”full”][/vc_column_inner][vc_column_inner width=”1/4″] [vc_column_text css_animation=”right-to-left”]Attached to an icon[/vc_column_text][/vc_column_inner][vc_column_inner width=”1/4″] [vc_column_text css_animation=”right-to-left”]Attached to an icon[/vc_column_text][/vc_column_inner][/vc_row_inner][/vc_column][/vc_row]
Sair da versão mobile